Adding AutoLeadStar's code snippet to your website is an important step in setting up the platform. Connect needs AutoLeadStar's code to run in order to track users, show the widget, and capture leads. The code snippet is what allows Acquire to track conversions, enable retargeting campaigns, and gather valuable insights into performance.
What happens when code is added?
When external code (like AutoLeadStar's) is added to a website, it allows the browser to run the code when the page on which it was added loads. The easiest way to do this is by adding the code to the actual website- this way, whenever the website loads, the code does as well. However, there are other ways to add the code snippet to your website. What is important is that the code runs, not how it is loaded.
To learn about how to add the code snippet via your website provider, click here.
Adding Code via Google Tag Manager
Google Tag Manager (GTM) allows you to add a piece of code, called a Container, to your website via Google. This Container is another piece of code in which smaller pieces of code, called Tags, can be run. What this means is that when your website loads, the Container runs as well, which in turn runs all of the Tags that have been set up. In this way, you can add AutoLeadStar's code to your website by adding it as a Tag in Google Tag Manager.
The only difference between adding the code directly to your website as opposed to via Google Tag Manager is that the latter may load slightly slower, because it is dependent on Google's running the Container first. However, this difference in speed is negligible.
By utilizing your Google Tag Manager account, adding AutoLeadStar's code via GTM should only take about 10 minutes.
The most important thing to note is that your new Tag, that will contain AutoLeadStar's code snippet, must be housed in a Container that is found across every page of your website. If the container inside of which the Tag is placed is only run on specific pages, AutoLeadStar's capabilities will be limited to those pages as well.
There are lots of resources to learn about Google Tag Manager- learn more here.
How to Add Code via GTM
1. Enter your Google Tag Manager account
2. Select a container. Again, make sure that this container is on every page of your website (and not, for example, only on your Blog or Mobile App)
3. Click "New Tag." This can be done both from your Overview page, or by clicking on Tags and "New"
4. Title your new Tag- we recommend something descriptive like "AutoLeadStar".
5. Click Tag Configuration. This will open a window to choose the Tag Type. Google offers featured types based on other Google services. Scroll down and select "Custom HTML."
6. In the Tag Configuration screen, paste your AutoLeadStar code snippet into the HTML box. For more information on how to find your code snippet in your AutoLeadStar dashboard, click here.
7. As stated, it is important that the code is run across all pages on your website. The Container that you selected to add this Tag to should be one that is run on every page. Since this is the case, the Triggering is simple. Triggering is what tells Google when to run this specific Tag.
To create a Trigger for all pages, click on the Trigger box and then on the + icon in the top right of your screen.
Name your trigger- something descriptive like "All Pages." Click on Trigger Configuration and begin setup. In this case, we want the Tag to be triggered every time every page is viewed. So, click "Page View," ensure that "All Page Views" is selected, and click Save.
8. You should now see your Tag configured with a name, HTML content, and triggering. Click Save on the top right corner.
9. After clicking Save, be sure to publish your changes to actually begin running your Tag. Do so by clicking Submit in the top right of your screen.