The Trinity Audio GTM implementation Guide
Updated: Oct 26
Thank you for taking an interest in Trinity Audio. In this manual, we’ll walk you through how to install our player using Google Tag Manager on your website. If any questions arise, don’t hesitate to reach out to our team at firstname.lastname@example.org and we’ll make sure to help out.
This manual would guide you on how to integrate the Trinity Audio player using Google Tag Manager.
Please note that Google Tag Manager might cause delays with the player load time and affect engagement metrics with the player. In such cases, we recommend integrating using our standard JS script.
Step 1 - Add template
To use this template in your workspace, follow this steps:
Open Tag Manager
Click "Search Gallery"
Click "Add filter text"
Type "Trinity Audio"
Select "Trinity Audio" template
Click "Add to workspace"
In case you are unable to find the template, follow this steps:
Download the Trinity Audio template from our dashboard or from our GitHub Repository
Log in to Google Tag Manager or create an account if you don’t have one already
Select a Container you want to deploy the tag to
Visit the “Templates” section and click “New”
Click on the 3 dots menu
Select the template you have downloaded
Click "Save" and exit the Template Editor
Step 2 - adding a new tag
In the left side menu, click on "Tags" and then "New"
Click on the "Tag Configuration" block and select the “Trinity Player” tag.
Get the player ID from the Trinity Audio dashboard and insert it into the "Unit ID".
Insert the CSS selector indicating where you wish for the player to be located. If you are not sure, you can leave it as “h1” and ask our support for help.
Choose if you want the player to show above or below the selected location. If you are not sure, leave it as “below” and ask our support for help.
Choose a trigger to render the tag on all relevant pages (article pages) based on “Page view - DOM ready” trigger type.
When finished, click “Save” and then test/ publish the changes.
Go to the "Trinity Audio" dashboard, find the relevant player and click “Verify” to let us know you have implemented it. We’ll QA it and make sure it is implemented correctly, and enable it to be visible.
The verification process checks that the player was indeed added to your pages based on our internal data. If the process fails, open one of the pages the player should load on, wait a few minutes and try again
Summing things up
In case you have any further questions, don’t hesitate to reach out to us directly via email@example.com, we would be happy to hear from you (pun intended).
Happy listening from all of us at Trinity Audio