We’ve spent a lot of time trying to come up with ways to improve our products without having to go through complicated deployment processes or have to rely on a developer. To that end, I want to show you how you can trigger a fully interactive guide that will show your users just how awesome your product is.
Pre-requisites
- Must have a Google Tag Manager account. See here https://support.google.com/tagmanager/answer/6103696?hl=en
- Must have a workspace with the domain configured. See here https://support.google.com/tagmanager/answer/7059647?hl=en
- Must have an Eyelet account with a project created on the same domain.
Setup
After completing the prerequisites, you can see a new tag option near the overview option in the left sidebar of your Google Tag Manger Dashboard.
Click on add a new tag and a new drawer on the right side opens.
Add the tag name on the top left to configure the tag by clicking on the tag configuration.
Another sidebar opens on the right with the heading “Choose tag type”. If you scroll down, you can see a sub-section with the subheading “Custom”. Look for the “Custom HTML” option.
Click on the custom HTML. A new section opens like this one:
Now is when you go back to your Eyelet account and copy the embed code under the “Setup” section and then head back to the Google Tag manager. Here you can add the Eyelet script. It’s going to look something like this:
After that, click on the trigger option to select a trigger for the script to be injected. When you click on this option,
A new side drawer pops up where you can see the different trigger options. This is where you’ll want to play around to see what works best for your scenario.
Once you are done, simply click on the “Save” button in the top right corner. After that, you navigate to the main dashboard where you can see all your tags in the workspace.
And that’s a wrap. From here on out you can either publish your changes and push them to production or give it a test and debug them until you figure out what works for you.