Add Popupsmart Embed Code via Google Tag Manager

google tag manager logo
popupsmart favicon

Connecting Popupsmart with Google Tag Manager (GTM) has been one of the easiest ways of having popup campaigns on your website.

Let's explore how smooth the process is!

Create Your First Popup

When we want to lead the process from GTM, there are three various ways to choose from:

  • Use the embed code on your website
  • Setup on CMS sites with popular Popupsmart integrations
  • Set up with GTM

    • All these three methods need one-time implementation, and you will not need another process to follow.

    By following the steps below, you will manage to add Popupsmart Embed Code via Google Tag Manager:

    1. Log into your Popupsmart account. Click "Embed Code" on the left sidebar and choose “GTM” as the category. Copy the code from the modal with “Copy to clipboard”.

    embedcode modal gtm tab


    2. On another tab, go to your GTM account and choose “Add a new tag” on the dashboard.

    add a new tag


    3. Name your tag on the Untitled Tag and click “Tag Configuration.”

    tag configuration


    4. To enter your Popupsmart embed code, you need to choose “Custom HTML”.

    custom html


    5. Then, paste your embed code for the empty HTML field.

    popupsmart embed code with gtm


    6. Scroll down to click Triggering and “All pages”. Choosing "All Pages" helps you make Popupsmart work on all your pages.

    triggering

    🔔 Important Note: A pageview represents the total number of page view requests from the websites you have added.
    ⚠️ To effectively use your pageview limit, consider displaying popups selectively on specific pages rather than across your entire website. To do this, instead of embedding the code throughout your entire site, you should strategically place it on particular pages using Google Tag Manager.

    → For Targeting Specific Pages with GTM:

    ➡️ After clicking Triggering, choose the “+” icon in the upper-right corner.

    trigger plus icon


    ➡️ For the Trigger Configuration, choose “Page view” as the trigger type.

    page view google tag manager


    ➡️ Choose “Some Page Views” and customize the conditions. Then, don’t forget to “Save.”

    view some pages tag manager

    Note: To include multiple pages, use the "+" button to add a condition or the "-" button next to each trigger to remove a condition.
    ✅ Remember that when you customize settings for specific pages rather than 'All Pages', popups will not appear on any pages not designated in GTM. To display popups on additional pages, manually include those pages in the trigger settings within GTM.

    7. Once you have completed all the configurations, Submit all the changes.

    submit button on tag manager


    8. Finally, you need to click on “Publish”.

    publish button on tag manager

    ⭐️ Reminder: The Google Tag Manager (GTM) verification process will not function correctly if an ad blocker is active in your browser. To ensure successful verification of your website, make sure to disable the ad blocker beforehand.

    If you're still uncertain about integrating Popupsmart code with Google Tag Manager, please contact us through email or our live chat service for assistance!