G

How to add Pinnote with Google Tag Manager

If your site already has Google Tag Manager, you can add Pinnote without touching the website's code.

About 3 minutes · No developer needed

Your Pinnote code looks like this

Pinnote code
<script src="https://www.pinnote.xyz/widget.js" data-site="YOUR_SITE_ID" defer></script>

Copy your own code from Pinnote (Websites, your website, Install). It has your website's ID instead of YOUR_SITE_ID. Don't have an account? Create one free.

Steps

  1. In Pinnote, open Websites, choose your website and open the Install tab. Click Copy code. The code already contains your website's ID.
  2. In Google Tag Manager, open your container and go to Tags › New.
  3. Click Tag Configuration and choose Custom HTML. Paste the Pinnote code.
  4. Click Triggering and choose All Pages.
  5. Name the tag Pinnote and click Save.
  6. Click Submit, then Publish.
  7. Open your review link (the Review links tab in Pinnote). The Pinnote toolbar appears at the bottom of the page. Normal visitors never see it.

Consent banners: Pinnote isn't analytics or advertising. It does nothing for normal visitors and only starts for people who open a review link, so it doesn't need to wait for cookie consent.

Troubleshooting

The toolbar doesn't appear

Check the tag fired in GTM's Preview mode, and that the container version with the Pinnote tag is published.

Need a hand? Email hello@pinnote.xyz and we'll help you set it up.
Try the live demo