How to Target specific Article/Page in Google Ad Manager?

In the realm of online publishing, many small-scale publishers encounter a formidable challenge: the ability to precisely target ads to specific articles or pages on their websites. This hurdle often arises from a lack of advanced development skills or budget constraints that hinder them from investing in costly development work. But fear not, for your worries are about to become a thing of the past.

Introducing Your Solution

We understand the unique needs of small publishers, and we’re here to alleviate your stress. Our dedicated team has crafted a comprehensive solution designed specifically for you. Say goodbye to the struggles of ad targeting, as our website offers a ready-made, user-friendly solution tailored to address this very issue.

No more sleepless nights or complex coding endeavors. With our user-friendly platform, you can effortlessly take control of your ad targeting, making it simpler and more affordable than ever before. Don’t let technical hurdles hold you back any longer. Embrace the future of targeted advertising with our seamless solution, designed to empower small publishers like never before.

Let’s dive into the steps:

Step1: Generating a 16-Character Unique ID from a URL in JavaScript

Step2: Integrate this Unique ID in the GPT Tag.

Generating a 16-Character Unique ID from a URL in JavaScript

When working on web applications, you may encounter scenarios where you need to generate unique identifiers for various purposes. One common requirement is to create a fixed-length 16-character unique ID based on the URL of a web page. This ID should remain constant even when the page is refreshed, making it useful for tracking or identifying specific pages or resources. In this article, we’ll show you how to achieve this using JavaScript.

Prerequisites

Before we dive into the code, you’ll need to include the md5 hashing library in your HTML file. You can do this by adding the following line to your HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-md5/2.18.0/js/md5.min.js"></script>

Generating the Unique ID

Here’s the JavaScript code that generates a fixed-length 16-character unique ID from the URL:

<script>
  // Function to generate a fixed-length unique ID from the URL
  function generateUniqueIDFromURL() {
    const url = window.location.href; // Get the current URL
    const hash = md5(url); // Calculate the md5 hash of the URL
    const uniqueID = hash.substr(0, 16); // Take the first 16 characters of the hash
    return uniqueID;
  }

  // Get the unique ID and display it
  const uniqueID = generateUniqueIDFromURL();
  console.log("Unique ID:", uniqueID);
</script>

How It Works

1. We start by obtaining the current URL using window.location.href.
2. Next, we calculate the MD5 hash of the URL using the md5 function.
3. To create a fixed-length 16-character unique ID, we use the substr method to extract the first 16 characters of the hash.
4. The resulting uniqueID is a 16-character string that uniquely represents the URL.

Use Cases

Generating a fixed-length 16-character unique ID from a URL can be helpful in various situations:

• Tracking: You can use this ID to track user interactions with specific pages or resources on your website.
• Caching: It can be used to cache and retrieve content associated with a particular URL efficiently.
• Linking: You might want to create shareable links with a consistent URL identifier.

Integrate this Unique ID in the GPT Tag.

All that’s required is to place the ‘Unique ID’ script at the top of your page, ahead of the GPT script. Afterward, simply pass the ‘uniqueID’ variable into the page-level key value within the GPT Tag.

While these technical terms might seem a bit perplexing at first glance, don’t worry. We’ve provided the complete script below to clear up any uncertainties. Take a look at the comprehensive script provided below to get a better understanding.

Here is the place where page level key value is defined.

googletag.pubads().setTargeting('UniqueID', uniqueID)

Complete Code and Live Page

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-md5/2.18.0/js/md5.min.js"></script>
<script>
  // Function to generate a fixed-length unique ID from the URL
  function generateUniqueIDFromURL() {
    const url = window.location.href; // Get the current URL
    const hash = md5(url); // Calculate the md5 hash of the URL
    const uniqueID = hash.substr(0, 16); // Take the first 16 characters of the hash
    return uniqueID;
  }

  // Get the unique ID and display it
  const uniqueID = generateUniqueIDFromURL();
  console.log("Unique ID:", uniqueID);
</script>


   <!-- Start GPT Tag -->
<script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script>
<script>
  var gptadslots = [];
  var googletag = googletag || {cmd:[]};
</script>
<script>
  googletag.cmd.push(function() {
    
    //Adslot 1 declaration
    gptadslots.push(googletag.defineSlot('/6355419/travel', [[728,90]], 'div-gpt-ad-3720665-1')
                             .addService(googletag.pubads()));

   
googletag.pubads().setTargeting('UniqueID', uniqueID)
   .setTargeting('Test', ['refresh']);
    googletag.enableServices();
  });
</script>
<!-- End GPT Tag -->
  </head>

Click here to see live page example.

How to check the values are passing correctly on the page?

To check the values, enable google console on the page using bookmark or console method. Once the console is enabled, you can see the UniqueID values under the page level targeting. This value need to be used on the line item targeting.

Next Step: Create key value in GAM UI

Inventory —> Key-values —> New Key-value —> Name —> url —> Value type —> Dynamic —> Report on values –> Include values in reporting —> Save

Target Key value in Line Item

Then Goto line item –> Customized targeting –> UniqueID —> Enter the value (Copied from the page using Google console)

Final step save and approve the line item to set live. Then you can serve ads to the specific page easily.

I hope this helps you.