How to install the Zoho PageSense snippet code in a website | Help Guide.

Manually install the snippet on your website

To run a test and track visitor data on your website, the first thing that you need to do is install the PageSense snippet code below the <head> tag of your website. Adding the snippet code to your website is a one-time process, and does not require modifications every time to run multiple experiments. Note that each project in your space will have a unique code. To complete this installation process, you must have access to your website source HTML code.

To add the PageSense snippet to your website:
1. Go to your Project and click the Snippet button on the top bar.

2. Click Copy to  choose the type of snippet you want to insert on your web page. 
 Zoho PageSense provides two types of snippets:

  • Synchronous code: The scripts are loaded and executed sequentially starting with the <head> tag on a website.

  • Asynchronous code: The scripts are loaded and executed simultaneously alongside other functions on a website. It is better to avoid using an asynchronous code for A/B testing, Split URL testing and Personalization experiments in PageSense, because this type of script is executed simultaneously on a web page, which means there is a possibility of page flickering from the original page to the variation page.


    Warning
    Paste the PageSense snippet code right below the <head> tag of your website. This will allow the code to run immediately without any delay, as and when any changes are made in your site.

NotesNote: 
  1. You can send code to an email address by clicking Send via email.    
  2. You can also install your snippet through Google Tag Manager, Prestashop, Intercom, and other services.         
3. Paste the copied snippet within the  <head> tag of your website HTML script. You may need your Developers help to do this.
Here's how the PageSense snippet code might look like on your web page script.
Notes
Note:
Notes

  • Adding the PageSense snippet to your website is a one-time process. This code will be automatically updated for all experiments within a project.

  • Please note that when embedding the snippet, it’s crucial not to modify or minify the code to ensure proper functionality.

  • Multiple tests can be performed with the same snippet installed on your web page. However, the snippet will be unique for each project in PageSense.

  • If you want to run an experiment from a different PageSense user account, the existing snippet needs to be removed from your website pages, and replaced with the new code generated from the current PageSense account because the snippet for each project is unique. 

 4. To verify the code installation, enter the web page URL in which you added the snippet inside the URL section, then click Verify.


You will see the success message with a green tick mark on a new browser window.

Info
If you see an error message in red, it could be due to any of the following reasons:

  • You've pasted a different snippet on your webpage's HTML code.

  • There are typographical mistakes in the code.

  • Your web page takes longer than 10seconds to load than usual.

  • You're trying to add the snippet multiple times to your webpage's HTML.
The verification message will not show up in your browser window, if and when your web page loads for more than 10 seconds. However, in such instances, the PageSense snippet status will be successful at the back-end and be ready to track visitors' data on your website. You can verify the presence of the snippet by following the below steps:

1. Click Project Settings on the top bar, go to Project Info and copy the Project Key given on the page.



2. Open your website on a browser, right-click on the page and choose Inspect from the menu.


3. Now, click on Network tab and paste the Project key within the Filters textbox as shown in the figure.


4. Once you enter the Project key, refresh and the same should reflect as a Java script in the first place as shown below.




We hope this documentation helps make the process easy for you. Please feel free to reach out to us anytime by dropping an email to support@zohopagesense.com if you need more explanation or have any questions.