Dynamic Numbers: Installing jQuery - Required by AVANSER Tag Manager

Dynamic Numbers: Installing jQuery - Required by AVANSER Tag Manager

Installing jQuery Library is not required if you are using Dynamic Numbers' Automated Number Replacement or you are not using AVANSER Tag Manager.

The AVANSER Tag Manager allows you to set rules for your website that dynamically adds span tags to the HTML elements containing the numbers to be replaced. 

The jQuery library is required in order for AVANSER Tag Manager to work properly.

This article will guide you through the deployment of jQuery library using Google Tag Manager.

These steps are not required if jQuery is installed already on your website.
You'll need to ensure that the jQuery library is included before the AVANSER Tag Manager script.

Step 1: Obtain the latest version of jQuery

Visit the Google jQuery Library and copy the jQuery tag inclusion. You can use the latest version.


Step 2: Install jQuery

There are multiple methods to deploy the script in your website. The most common are the use of Google Tag Manager or Direct Inclusion in your website. 

You'll want to use Google Tag Manager if you don't have access to the website source code.
If you have access to the website source code, we recommend using the Direct Inclusion method.

Method 1 - Google Tag Manager

Navigate to Google Tag Manager, ensuring that you have selected the correct tag manager configuration for your website. 
Click on Overview in the left bar, then click New Tag in the page content.



You'll be prompted to create a new tag. Select a name for the tag (eg. jQuery), then click on Tag Manager box.



Select Custom HTML.


Paste the jQuery tag inclusion you have chosen in Step 1.


Click now on the Triggering box. When prompted select All Pages.


Click on Save. The configuration is complete.

Method 2 - Direct Inclusion

The Direct Inclusion method is much simpler than the Tag Manager Method, however it requires direct access to the website's source code.

In order to include jQuery directly in your website, simply put the script chosen in Step 1 before the </head> tag.

The example below is a very simple html page. Your source code will differ, the important thing is to identify the </head> tag.
  1. <html>
  2. <head>
  3.       <title>my awesome website</title>
  4.       <script src="//script.js"></script>
  5.       <link rel="stylesheet" href="//style.css">
  6. </head>
  7. <body>
  8.       my awesome content
  9. </body>
  10. </html>
After the jQuery tag inclusion, your website source code will look similar to this:
  1. <html>
  2. <head>
  3.       <title>my awesome website</title>
  4.       <script src="//script.js"></script>
  5.       <link rel="stylesheet" href="//style.css">
  6.       <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  7. </head>
  8. <body>
  9.       my awesome content
  10. </body>
  11. </html>
You are ready to upload the source code to your hosting service.


    • Related Articles

    • Dynamic Numbers: Service Summary

      AVANSER Dynamic Numbers is a service designed to replace the Phone Numbers in your Website with an AVANSER Tracking Number, this process does not change the source code of your Website, but, instead, process your Website when is displayed to ...

    • Dynamic Number Insertion

      Access to this tool has been limited to authorized users only. If you required certain users to have access to this module, please contact your Account Manager. The dynamic numbers configuration section allows user to add new tracking codes to their ...

    • Dynamic Number Insertion - Troubleshooting (Advanced)

      This article is part two of a two-part guide in troubleshooting AVANSER's Dynamic Number Insertion code on your website. This guide will help ensure that the code is installed correctly, and is working as expected. If you have not already attempted ...

    • Dynamic Number Insertion - Troubleshooting (Basic)

      This article is part one of a two-part guide in troubleshooting AVANSER's Dynamic Number Insertion code on your website. This guide will help ensure that the code is installed correctly, and is working as expected. This article covers the basics of ...

    • Dynamic Numbers: Reactive Websites, Responsive Web Applications or Progressive Web Applications

      When presenting contact details in Reactive Websites, Responsive Web Applications (RWA) or Progressive Web Applications (PWA) it is important to always display the correct number. In the past years the trend of using RWA or PWA technologies to build ...