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.