Add Popupsmart Embed Code via
Google Tag Manager

google tag manager logo
popupsmart favicon

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

  1. Embed the code on your website manually.
  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 given below to set up Popupsmart on your website using Google Tag Manager.

Step #1: Log in to your Popupsmart account.

embed-popup-tag-manager

Step #2: On your dashboard, hover over your account from the top right corner and click Your Embed Code from the opening menu.

embed-popup-tag-manager

Step #3: Copy your unique Popupsmart embed code to your clipboard.

embed-popup-tag-manager

Step #4: Go to your Google Tag Manager and click on “Add new tag.”

embed-popup-tag-manager

Step #5: Give your tag a name and click on “Tag Configuration.”

embed-popup-tag-manager

Step #6: Select Custom HTML to enter your embed code.

embed-popup-tag-manager

Step #7: Next, paste the Popupsmart embed code inside the HTML field. Then, check the “Support document.write” box and Save.

embed-popup-tag-manager

Step #8: 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.

embed-popup-tag-manager

  • 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 the total page view requests from your added websites.

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

From the Trigger Configuration, under “This trigger fires on,” select Some Page Views. Then, set up the conditions as shown in the image below. This will help you set up Popupsmart for specific pages of your choice.

embed-popup-tag-manager

To add more than one page, click on the “+” 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 will need to add those pages among the triggers manually.

Step #9: Once you have configured the triggers, click the Submit button.

embed-popup-tag-manager

Step #10: Publish the changes from the following screen.

embed-popup-tag-manager

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

Feel free to contact us via email or live chat!