How to Show a Sample Ad on a Publisher Page (Glimpse Extension?)

Browser Extension Identifies available units/spots on the page and requests the user to select a unit to replace in order to insert a keyword block.

You can install the extension from here.

Installation

  1. Navigate to the above link and download the entire folder to a local directory. When you click on download, you will see a pop-up asking you to leave the site. Click the Leave button and the download will begin. 
  2. Ensure the project files are not deleted or the browser extension will break. The Browser extension currently only works in chromium-based browsers.
  3. Open your browser and navigate to your installed extensions page. If you are using chrome you can enter this in your URL chrome://extensions/ to navigate to the browser’s extensions page.
  1. In your browser enable developer mode to allow for the installation of the extension. This can be found in the top right corner of the webpage in the chrome browser.
  1. Click on the Load Unpacked Button in the Web Page and navigate to the path within the project file download location. This button in the top-left position in the chrome browser.
  1. Click on the select folder and the Browser Extension should now be visible in the screen
  1. Ensure you click on the refresh button in the Glimpse Extension Card and refresh all your webpages for the changes to take effect. This action will also have to be performed when the project file has been changed.

How to use the Glimpse extension?

Custom templates have been installed for CNN, MSN, WebMD, and Forbes only. For all other domains, you will see a default keyword creative and SERP template appear. 

This extension can be used on the following browsers: Google Chrome, Opera, Brave, Microsoft Edge, Epic, Torch. The full list is available here. 

Note: You may pin the extension by clicking on the Extensions icon on the top right and then enabling the pin next to the Glimpse Browser extension line item.

Instructions:

  1. Hover over the spot where you would like the keyword block to appear. 
  2. Right-click on the element on the page, and click Inspect.
  1. Identify the corresponding <div> tag to that element and right click to Copy > Copy XPath. 
  1. If you are selecting an image or a paragraph of text, the HTML element highlighted in Inspect element will be a <p> or an <img> tag. Identify the <div> tag exactly above it, while ensuring that the tag selected still highlights the element you are looking for.
  1. Close Inspect Element and Launch Glimpse.
  2. Paste the copied XPath in the “XPath” input field.
  1. Select the position of the inserted tag:
    • Replace: replacing the selected element at the same position.
    • Insert Above: Inject the keyword block above the selected element, shifting page contents down.
    • Insert Above: Inject the keyword block below the selected element, shifting page contents down.
  2. The Tool will then provide a list of available keyword creatives using the AdUnit Template dropdown. Select the unit you want to view. 
  1. The size of the unit will be automatically filled in the Width and Height fields. If you’d like to go for a different sized keyword block you may switch it at this time.
  1. Clicking on the Render Sample AdUnit button will inject the keyword block at the position requested.
  1. If no keyword block shows, there may be an issue with the Xpath you have selected. Use the following steps to correct the issue:
    • Refresh the page.
    • Open up the inspect element tray, and look for the first <iframe> tag directly above the highlighted tag for the element. 
    • There will be a <div> tag above this iframe tag that you can copy the Xpath from.
  1. Repeat steps 5-10
  2. Review the rendered AdUnit and confirm it is showing up in the right position. In case of inaccuracies, repeat all steps within #11 above.
  3. In Glimpse, once you see the “Successfully Rendered Sample AdUnit” message, click on the section below called “Edit Sample AdUnit” to open the tray.
  1. Using the “Select Sample AdUnit Key” dropdown, select the inserted keyword block. 
  1. Select a Serp Template from the dropdown.
  2. In the Keyword List Textbox, insert a comma-separated list of strings you would like to see in the block. Keyword phrases will be inserted in the same order as listed.
  1. Click on Render Keywords to view the updated keyword block.
  1. The keyword block is now updated for screenshots.
  2. Click on any Keyword to navigate to the SERP Page.
  3. Insert ad copy text in a CSV format using this template.
  4. Launch Glimpse, choose a file with the ad copy text to upload.

  1. Click on the Render Serp Page button to refresh the SERP.
  1. The SERP has now been updated for screenshots.