How to Install TWIPLA on any HTML-website

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
Existing Users

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. Click the link below if the button does not work.
 

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.

Select Your Privacy Preference

5. 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.

Adjust Notification Options

6. 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.
 

Manual Tracking Code Installation

7. Install the tracking code by selecting the second option, Manual Tracking Code Inst. Copy and paste the tracking code before the closing '</body>' tag of your website's source code. Remember to publish the changes. Depending on the website builder platform you are using, please check here for detailed instructions on how to install the tracking code.
 

Verify Tracking Code Installation

8. 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.

Reinstalling Your Tracking Code

9. 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.

If you have selected the option, Install Tracking Code Later, or need to re-install it, you can locate your website's tracking code by going to Website Settings > Tracking Code. The Tracking Code Status should be "Successfully Installed."

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 Data Privacy Preference

4. Choose a Data Privacy Mode. Select your preferred data privacy level by ticking the radio button next to it. By default, the Data Privacy Mode is set to Maximum Privacy. Click Continue.
 

Adding Tracking Code to Your Website

5. Install the tracking code by selecting the second option, Manual Tracking Code Inst. Copy and paste the tracking code before the closing '</body>' tag of your website’s source code. Publish the changes. 
 

Confirm Tracking Code Installation

6. 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.
 

Important Notes:

  • After creating an account, a verification email will be sent to your inbox containing all the necessary details. Be sure to click the Confirm Email Address button within 10 days to verify your account.
  • You can find detailled information on how to add your tracking code for any type of website in the video above or in our install guide depending on the platform your website is based on.
  • If your website builder only allows installation of the tracking code in the header and it doesn't 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 ensure it starts execution only 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>

    This code ensures that the script in the header won't load until the DOM is fully loaded, preventing the previous 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.
     

We are now part of the GTM (Google Tag Manager) community! You can add TWIPLA to your website directly through GTM.


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!