How Do I Integrate Assist into the Google Tag Manager?
The Google Tag Manager is a powerful tool for managing and integrating tags on your website. It is used to quickly and easily integrate various scripts and tracking codes.
Our products — such as Assist, Plain Language, Translate, or Access — can be seamlessly integrated into your website via the Google Tag Manager.
Below, you will find a step-by-step guide on how to integrate the scripts into the Google Tag Manager. The process is the same for all products; only the code differs.
Step 1: Log in to the Google Tag Manager
Open Google Tag Manager:
Go to the Google Tag Manager website.
Log in:
Enter your Google login credentials to access your Tag Manager account.
If you have multiple accounts, select the appropriate one.
Step 2: Create a New Tag
Select the correct container project:
If you have multiple containers, choose the one where you want to insert the scripts.
Go to "Tags":
On the left-hand side, you will see the menu. Click on “Tags.”
Create a new tag:
Click the “New” button (top right). This opens the tag creation window.
Step 3: Configure the Tag
Click on "Tag Configuration":
A list of different tag types will appear.
Select the tag type “Custom HTML”:
Click on “Custom HTML.” This allows you to insert custom HTML and JavaScript code.
Insert the JavaScript code:
Paste the script of the respective product you want to integrate into the HTML code text field.
Note:
The following code is example code.
Please replace “YOURDOMAIN.com” with your own domain and use the individual code from your Eye Able Dashboard, which is specifically provided for your domain.
Assist:
<script async src="https://cdn.eye-able.com/configs/YOURDOMAIN.com.js"></script>
<script async src="https://cdn.eye-able.com/public/js/eyeAble.js"></script>
Plain Language:
<script async src="https://translate-cdn.eye-able.com/eye-able-translate.js"></script>
Translate:
<script async src="https://translate-cdn.eye-able.com/eye-able-translate.js"></script>
Access:
<script async src="https://access.eye-able.com/configs/YOURDOMAIN.com.js"></script>
Make sure the code is inserted correctly without extra spaces or errors.
Note:
If you want to integrate both the Translation Module and the Plain Language Module, you only need to include the script once, as both modules use the same script.
Step 4: Add a Trigger
Click on “Add Trigger”:
Below the HTML code field, you can add a trigger. Triggers define when the tag will be fired.
Select a trigger:
Click on “Choose Trigger” and select “All Pages.” This ensures that the script is loaded on all pages of your website.
Alternative triggers:
If you want the script to run only on specific pages, you can customize the trigger, for example, by selecting “Page View” or creating a custom trigger.
Step 5: Save and Publish the Tag
Save the tag:
Click “Save” to store your tag.
Publish the tag:
Click “Submit” in the upper right corner to publish your changes.
A window will open where you can describe your version changes (e.g., “Adding Eye Able scripts”).
Confirm by clicking “Publish.”
Step 6: Review and Test
Activate Preview Mode:
Go back to your Tag Manager and click “Preview” in the upper right corner to activate preview mode.
Check your website:
Go to your website and reload the page. You should now see a notification in the Tag Manager indicating that the tag has been triggered.
Verify the tag:
You can also use the Tag Assistant (Chrome Extension) to ensure that the tag has been triggered correctly.
Debugging:
If the tag doesn’t work as expected, you can view detailed information in preview mode and fix any errors.
Additional Information
Google Tag Manager Documentation:
You can find the official guide to using the Google Tag Manager here: Google Tag Manager Documentation.
Custom HTML Tags:
For more details on using custom HTML tags, see: Custom HTML Tags in Google Tag Manager.
Tag Assistant (Chrome Extension):
To test and verify tags, you can use the Tag Assistant (Chrome Extension).