How to Install TWIPLA on any HTML-website

Manual Installation of the Tracking Code

It only takes a few minutes to install TWIPLA on your own website. Once installed, you will be able to get a clear grasp of your website traffic!

Note that the design or the process presented in the video is only informative oriented and it might be out of date. Make sure you follow the installation steps mentioned below accordingly.

Here are our installation steps for: 

New Users

Create Your Account

1. Register for a new account here. Enter your email address and create your account password. Tick the box to agree to the Terms of Use & Data Protection Agreement and click Sign Up for Free.

Verify Your Email Address

2. Go to your registered email and look for a verification email. Check your Spam or Junk folders if it did not arrive in your Inbox. If you did not receive one or if it expired, click Resend Email Verification to get a new verification email.

Confirm Your Email Address

3. Once you receive the verification email, click Confirm Email Address to verify your email address. If the button doesn't work, click the alternative link.
Note: Be sure to click the Confirm Email Address button within 10 days to verify your account.

Insert Your Website URL

4. After verification, you will be redirected to the TWIPLA app. The next step is to insert the website URL you want to track and click "Continue." For accuracy, we recommend copying the URL directly from your browser's address bar. Please copy the URL starting from "www" and omit the protocol (HTTP/HTTPS). This approach helps ensure that the URL is complete and correct.

Complete Your Personal Details

5. To tailor your experience and ensure accurate reporting, please provide your full name, tell us how you heard about us, and select your time zone.

Select Your Privacy Preference

6. Select your preferred Data Privacy Mode. By default, the Data Privacy Mode is set to Maximum Privacy. If you wish to change it, simply select a different privacy mode using the radio button, and then click Continue. Simply click Continue to proceed with the default setting.

Share Your Business Information

7. This step is optional. Enhance your experience by providing your business type, size, sector, and name. This data remains confidential and is not shared with third parties! By sharing this information, you'll unlock access to new modules and receive more precise statistics.

 

Adjust Notification Options

8. Set your notification preferences by choosing the types of notifications you want to receive. Enable each notification option by using the toggle button, then click Submit.
 

Tracking Code Generation

9. Your tracking code is being prepared. Please wait while the process completes.

Manual Tracking Code Installation

10. TWIPLA requires a Tracking snippet to gather your website's data. Choose between two integration methods: one with visitor consent and one without. Both methods track 100% of your data. Copy and paste the generated tracking code before the closing '</body>' tag of your website's source code. Remember to publish the changes. For specific platform instructions, check our list here.

Installation Complete

11. After pasting the tracking code into your website's source code, click Verify Snippet Installation to confirm integration. Once successful, a message will pop up on the right of the screen saying, "The tracking code was successfully embedded!".

If you get the message, "The tracking code could not be found in the body section of your website's source!", check your website's source code to make sure that the tracking code was installed correctly.

Explore the Main Dashboards

12. Click Open Dashboard to access the Main Dashboards. You may visit your live website to confirm tracking of website visits and reload the dashboard to see your first stats.

Stuck on onboarding? Just click the Need help onboarding? link at the bottom of the steps to chat with our Support Team.

Tracking Code Status

To verify the tracking code status, navigate to Website Settings > Tracking Code. The status 'Successfully Installed' should be displayed.

If you selected 'Install Tracking Code Later' during the onboarding process or require reinstallation, copy the code provided, paste it into your website's source code, and then click Verify Snippet Installation.


Existing Users

Add New Website

1. Sign in to your account here.  Click the drop-down menu from the upper left corner and select Add new website. This option can also be found in the upper-right of the page if you click Manage your websites.

Select Your Website Source

2. Choose the website source. Select the third option, No, I Don't Use Any Platform From Above.
 

Add Your Website URL

3. Add the website URL you want to track. For accuracy, we recommend copying the URL directly from your browser's address bar. Copy the URL starting from "www" and omit the protocol (HTTP/HTTPS). This approach helps ensure that the URL is complete and correct.
 

Set Your Privacy Preference

4. Select your preferred Data Privacy Mode. By default, the Data Privacy Mode is set to Maximum Privacy. If you wish to change it, simply select a different privacy mode using the radio button, and then click Continue. Simply click Continue to proceed with the default setting.

Tracking Code Generation

5. Your tracking code is being prepared. Please wait while the process completes.

Install Tracking Code to Your Website

6. TWIPLA requires a Tracking snippet to gather your website's data. Choose between two integration methods: one with visitor consent and one without. Both methods track 100% of your data. Copy and paste the generated tracking code before the closing '</body>' tag of your website's source code. Remember to publish the changes. For specific platform instructions, check our list here.

Confirm Tracking Code Installation

7. To confirm if the installation was successful, return to the TWIPLA app and click Verify Snippet Installation. Once successful, the notification "The tracking code was successfully embedded!" will pop up on the right of the page. The Tracking Code Status will change from 'Uninstalled' to 'Successfully Installed'. Click Continue to proceed.

If you get the message 'The tracking code could not be found in the body section of your website's source!', double-check your website's source code to ensure the tracking code is correctly installed. Then, click Retry Verification.

Installation Complete

8. You're all set! Installation is now completed. Click Open Dashboard to access the Main Dashboards. You may visit your live website to confirm tracking of website visits and reload the dashboard to see your first stats.


Troubleshooting Guide

If your website builder only allows installation of the tracking code in the header and it does not work, it's likely due to the script executing before the Document Object Model (DOM) is fully loaded. This can result in an error like 'Uncaught TypeError: b is undefined.' To resolve this issue, you can place the script in the header, but modify it to run after the DOM has fully loaded.
Here's a code snippet that accomplishes this:

<script> document.addEventListener("DOMContentLoaded", function () { (function (v, i, s, a, t) { v[t] = v[t] || function () { (v[t].v = v[t].v || []).push(arguments); }; if (!v._visaSettings) { v._visaSettings = {}; } v._visaSettings[a] = { v: '1.0', s: a, a: '1', t: t }; var b = i.getElementsByTagName('body')[0]; var p = i.createElement('script'); p.defer = 1; p.async = 1; p.src = s + '?s=' + a; b.appendChild(p); })(window, document, '//app-worker.visitor-analytics.io/main.js', 'INSERT-HERE-YOUR-WEBSITE-ID', 'va'); }); </script>

Important: Replace 'INSERT-HERE-YOUR-WEBSITE-ID' with your actual website ID.

This code ensures that the script runs only after the DOM is ready, preventing the error. However, for most websites, it's often recommended to add scripts to the bottom of the body, as this approach typically avoids such issues altogether.


Frequently Asked Questions about Using TWIPLA on Any HTML Website (FAQ)

Please see our detailed Standalone App FAQs here.


Support for Installation and Using TWIPLA on any HTML Website

If you encounter any issues during installation, you can reach us through:

  • Email: Send us a message at support@twipla.com.
  • Chat Bubble: Use the chat bubble available on our website.
  • In-App Support: Access support directly within the app.

For additional details, please visit our Contact Us page. We are committed to ensuring a smooth and seamless experience with our plugin!