How to Install TWIPLA on any HTML-website

Seamlessly Integrate With Almost Any Website Platform

New Users

  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.
    Standalone - Register New Account
     
  2. Check your registered email for a verification email and click the Confirm Email Address link. 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.
    Standalone - Email Verification
     
  3. After verification, you will be redirected to the TWIPLA app, where the message "Confirming Email Address: Success" will be displayed.
    Standalone - Email Confirmation
     
  4. Insert 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.
    Standalone - Insert Website URL
     
  5. Select your preferred Data Privacy Mode. By default, the Data Privacy Mode is set to Maximum Privacy. Click Continue.
    Standalone - Select Data Privacy Mode
     
  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.
    Standalone - Set Notifications
     
  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.
    Standalone - Install Tracking Code

     
  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.
    Standalone - Installation Complete
     
  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."

Standalone - Tracking Code

 

Note: To comply with data privacy regulations and improve data collection, we've updated our tracking code. You now have access to two different tracking codes for your selected website, allowing you to choose the one that best fits your chosen data privacy mode. Learn more about the updated tracking code here.

Existing Users

  1. Sign in to your account here
     
  2. 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.
    Standalone - Add New Website
     
  3. Choose the website source. Select the third option, No, I Don't Use Any Platform From Above.
    Standalone - Select Platform
     
  4. 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.
    Standalone - Add Website URL
     
  5. 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.
    Standalone - Select Data Privacy Mode
     
  6. 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. 
    Standalone - Install Tracking Code
     
  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.
    Standalone - Installation Complete
     
  8. Click Open Dashboard to access your Main Dashboards and start managing your account. You may visit your live website to confirm tracking of website visits. Reload the dashboard to see your first stats. To view the tracking code details and status, go to Website Settings > Tracking Code. The status should be "Successfully Installed."

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!