Google Tag Manager

One Custom HTML tag loads pb.js on every page. Conversion events are more Custom HTML tags on your existing triggers.

Install pb.js

  1. GTM workspace → TagsNew Custom HTML.
  2. Name it AdsPing — pb.js and paste:
gtm-custom-html.html
<script async src="https://api.adsping.io/pb.js" data-pixel-id="YOUR_PIXEL_ID"></script>
  1. Trigger: Initialization — All Pages (loads before your other tags).
  2. Save → Submit → Publish.

Fire events from GTM

Conversion events are additional Custom HTML tags calling adsping('track', …), attached to the GTM triggers you already have. Example — a Purchase tag triggered on your order-confirmation page, pulling values from GTM variables:

html
<script>
  adsping("track", "Purchase", {
    value: {{Order Total}},
    currency: "USD",
    order_id: "{{Order ID}}",
  });
</script>

Every event works this way — see the event pages for the full payload of each.

Verify

  • Use GTM Preview mode — the AdsPing tag shows under Tags Fired on page load.
  • The pixel detail page in AdsPing shows Last event: a few seconds ago.
Once pb.js is firing, head to Connect Meta to start forwarding events.

Was this page helpful?