Google Tag Manager recipe

If you manage your site's tags through Google Tag Manager, you can install AffilFinder without touching a single line of source code. One Custom HTML tag. One All-Pages trigger. Publish.

Install

1. 1

   Open GTM → Tags → New → Custom HTML

   In your GTM workspace, create a new tag. Pick Custom HTML as the tag type.

2. 2

   Paste the snippet

   This is the exact tag the dashboard generates. The guard on data-website makes it safe to fire on every page — the widget still loads exactly once per document, even after SPA route changes or GTM refire.

3. 3

   Set the trigger to All Pages

   Under Triggering, pick All Pages (the built-in page-view trigger). Don't add a DOM-Ready or Window-Loaded trigger — the widget's guard handles the ordering.

4. 4

   Save → Submit → Publish

   Name the tag something like AffilFinder widget. Click Save, then Submit your workspace as a new container version. Publish.

Verify

Open your site in a new tab with DevTools open:

1. 1

   Network tab → filter for 'widget.js'

   You should see a 200 OK from https://cdn.affilfinder.com/widget.js.

2. 2

   Filter for 'api.affilfinder.com'

   A GET /v1/decision should fire with a 200 response. Blocked visitors will see the overlay; allowed visitors see nothing (and a 204 No Content snippet-ping confirms the widget is alive).

3. 3

   Preview mode (optional)

   In GTM, click Preview, open your site in the Tag Assistant flow, and confirm the AffilFinder widget tag shows as Fired on the first page view.

Using a different container for the section widget

If you're installing the inline section widget instead of the default popup overlay, the tag is the same pattern — just swap the script URL and add data-container:

You still need a <div id="affilfinder-ads"></div> somewhere in your page source — the widget mounts into the element by id. See Section widget integration for placement tips.

Troubleshooting

Related