Installation, Analytics, and Account Management

Installing the Widget

Global Installation (All Notifications)

Add NotifyBubble to your entire website with a single piece of code:

  1. Go to Settings in your dashboard
  2. Copy the code snippet from the Installation Guide section
  3. Paste it just before the closing </body> tag on your website

The code uses your Site ID to load all active notifications on every page. The widget is lightweight, loads asynchronously, and won't slow down your website.

Single Notification Installation

Show a specific notification on specific pages instead of all notifications everywhere:

  1. Go to the notification you want to install
  2. Copy the notification specific code
  3. Paste it on the pages where you want this notification
Feature Global Single
Shows all active notifications Yes No
Shows one specific notification No Yes
Uses Site ID Yes No
Uses Notification Code No Yes
Best for Entire website Specific pages

You can mix both methods across different pages.

Google Tag Manager Setup

If you use GTM to manage your scripts:

  1. Open Google Tag Manager and select your container
  2. Create a new Tag and choose Custom HTML
  3. Paste your NotifyBubble widget code
  4. Set the trigger to All Pages (or a custom trigger for specific pages)
  5. Save and Publish your changes

Use GTM's Preview mode to verify the tag fires correctly before going live.

Understanding Your Analytics

What Gets Tracked

NotifyBubble tracks two key metrics automatically:

  • Views: Counted when a visitor actually sees the notification (opens a bubble panel, or sees a textbox appear)
  • Clicks: Counted when a visitor clicks the call to action button

Views are deduplicated per session. If the same visitor sees your notification multiple times in one visit, it only counts once.

Click Through Rate (CTR)

Your CTR shows what percentage of viewers clicked the button:

CTR = (Clicks / Views) x 100

Range Rating
Below 2% Below average
2% to 5% Average
Above 5% Above average

Analytics Dashboard

Click Analytics in the sidebar to access your full performance overview:

  • Engagement Over Time: Area chart of views and clicks over time
  • Top Performers: Which notifications get the most attention
  • CTR Comparison: Which messages resonate most with visitors
  • Distribution: Active vs inactive split, and bubble vs textbox usage
  • Performance by Type: How bubbles compare to textboxes

Summary cards at the top show Total Notifications, Active Notifications, Total Views, and overall Click Rate.

Analytics data updates in real time. As soon as a visitor views or clicks, it appears in your dashboard.

Tips for Better Performance

  • Keep messages clear and concise
  • Use colors that contrast with your website
  • Write compelling button text with action words
  • Test different notification types to find what works
  • Review analytics weekly to spot trends

Managing Your Notifications

Notification List

Click Notifications in the sidebar to see all your notifications. Each entry shows the title, type, active status, and basic stats.

Toggling Active Status

Turn notifications on or off instantly with the toggle switch. This is useful for:

  • Temporarily pausing a promotion
  • Testing without affecting live visitors
  • Scheduling announcements manually

Editing

Click Edit on any notification to change content, colors, positioning, or any other setting. Changes take effect immediately on your website.

Deleting

Click Delete to permanently remove a notification and its analytics data.

Deleting is permanent. Consider toggling inactive instead if you might want the notification again later.

Best Practices

  • Keep 1 to 3 notifications active at a time for the best visitor experience
  • Use bubble notifications for optional, supplementary info
  • Use textbox notifications for urgent, must see messages
  • Review performance regularly and optimize underperformers

Account Settings

Visit Settings in the sidebar to find:

  • Your unique Site ID for widget installation
  • Your email address
  • A complete installation guide with personalized code
  • Use the Contact page if you need help from the NotifyBubble team
Last updated on March 7, 2026