Categories
active arrowAccount
active arrowGetting Started
active arrowCampaign Builder
active arrowAdvanced Design Customization
active arrowEmail Campaign Customization
active arrowSegment & Targeting
active arrowAnalytics
active arrowShopify
active arrowEmail Marketing and CRM Integrations
active arrowWhat is Popupsmart?
active arrowHow Popupsmart Works
active arrowHow to Embed the Code on your Site
active arrowHow to Verify Your Website
active arrowHow to Set up Popupsmart with Google Tag Manager
active arrowCreating Your First Popup
active arrowWhere Does Your Collected Lead Data Go?
active arrowHow to Measure the Value Generated by Popupsmart?
active arrowHow Email Automation Triggers Work
active arrowUsing Popupsmart In the Context of Content Security Policy (CSP)

How to Set up Popupsmart with Google Tag Manager

There are three different ways to set up Popupsmart on your website by adding a provided single line of JavaScript code:

  1. Embed the code on your custom website
  2. Setup with popular CMS services
  3. Setup with Google Tag Manager

Adding the code to your website is a one-time requirement, so you won’t need to repeat this process again.

Follow the steps below to set up Popupsmart on your website using Google Tag Manager.

1. Log in to your Popupsmart account and go to your dashboard. Click on "Embed Code", which is located on the left sidebar. Then, copy your unique Popupsmart embed code from the GTM tab.

popupsmart embed code

2. Go to your Google Tag Manager and click “Add a new tag.”

add a new tag

3. Give your tag a name and click “Tag Configuration.”

tag configuration

4. Select "Custom HTML" to enter your embed code.

custom html

5. Next, paste the Popupsmart embed code inside the HTML field.

support document write

6. Click on Triggering and select All Pages to allow Popupsmart to work on all your web pages. This way, you can add a popup to any of them without further configurations.

triggering

If you select All Pages, our system counts the pageviews of the whole website regardless of which page you added the popup to.

✅ Important: A pageview is the amount of total page view requests from your added websites.

❗️If you plan to use your pageview limit efficiently, you may choose to show popups on only selected page/s and not just anywhere on your website. In this case, instead of adding the embed code to your whole site, add it to specific pages using Google Tag Manager.

• To target specific pages, edit “Trigger” and click on the “+” icon in the upper-right corner of the screen.

trigger plus icon

• Edit “Trigger Configuration” and click “Page View”.

page view google tag manager

• Click "Some Page Views", choose the event that fires the trigger, and click “Save”.

view some pages tag manager

• To add more than one page, click "+" or delete a condition with "-" next to each trigger.

✳️ Note that if you make these configurations instead of All Pages, you won’t be able to show popups on the pages that weren’t specified in GTM. In that case, you must manually add those pages among the triggers.

7. Once you have configured the triggers, click the Submit button.

submit button on tag manager

8. Publish the changes from the following screen.

publish button on tag manager

💡Note: If you have an ad blocker on your browser, GTM verification is not going to work. Disable the ad blocker first to verify your website.

Still have some questions about embedding Popupsmart code to Google Tag Manager?

Feel free to contact us via email or live chat!