Google Tag Manager Setup

Using Google Tag Manager

If you manage your website scripts through Google Tag Manager (GTM), you can deploy the NotifyBubble widget without touching your website's source code directly. This is a popular choice for marketing teams who manage multiple scripts.

Step by Step Setup

Step 1: Open Google Tag Manager

Log in to your Google Tag Manager account and select the container for your website.

Step 2: Create a New Tag

1. Click Tags in the left sidebar
2. Click New in the top right
3. Give your tag a descriptive name like "NotifyBubble Widget"

Step 3: Configure the Tag

1. Click Tag Configuration
2. Choose Custom HTML from the list of tag types
3. Paste your NotifyBubble widget code in the HTML field:

<script src="https://app.notifybubble.com/widget.js"
  data-site-id="YOUR_SITE_ID"></script>

You can use either your Site ID for global installation or a specific notification code.

Step 4: Set the Trigger

1. Click Triggering below the tag configuration
2. Select All Pages if you want notifications on every page
3. Or create a custom trigger for specific pages (e.g., only the homepage)

Step 5: Save and Publish

1. Click Save in the top right
2. Click Submit to publish your changes
3. Add a version name like "Added NotifyBubble widget"
4. Click Publish

Testing Your Setup

After publishing:

1. Open your website in a new browser window
2. Use GTM's Preview mode to verify the tag fires correctly
3. Check that your notifications appear as expected
4. Verify that the tag shows as "fired" in the GTM debugger

Important Notes

• GTM adds a slight delay to script loading compared to direct installation. Your notifications may take a moment longer to appear, but the difference is minimal for most visitors.
• If you use GTM to manage the widget, make sure you don't also have it installed directly in your website code. That would cause duplicate notifications.