There are 2 ways to install the GTM Pixel using the manual process or the Vibe Integration GTM Template. The First section outlines the Manual process and the Section section outlines the Template process.
1.MANUAL: Implement your main pixel tracking code
Your main pixel tracking code can be found at the top of the Vibe.co Measurement web page under the Settings menu. This code enables you to monitor the number of page views and sessions attributed to your campaigns.
Simply copy the code and follow the below step-by-step guide:
Go to GTM and navigate to Tags > New Tag > Custom HTML.
Copy and paste the Vibe code into the HTML field of the new tag.
Click on Triggering and select All Pages.
Name your tag.
Save.
Implement the Lead tracking code
You can use the Lead tracking code to track any specific action that you wish to include in your Vibe.co reporting, such as a button click, form completion, or thank you page view.
To implement Lead tracking, simply copy the code from your Measurement page and follow these step-by-step instructions:
Go to GTM and navigate to Tags > New Tag > Custom HTML.
Copy and paste the Vibe code into the HTML field of the new tag.
Click on Triggering and set the trigger to fire.
You should trigger that tag only on specific actions you want to track - in the screenshot below, the lead tag will trigger only when web visitors go to the thank you page.
Name your trigger and your tag.
Save.
Implement the Purchase tracking code
This code enables you to track any action related to a purchase event on your website.
To use the Purchase tracking event, simply copy the code from your Measurement page and follow these step-by-step instructions:
Go to GTM and navigate to Tags > New Tag > Custom HTML.
Copy and paste the Vibe code into the HTML field of the new tag.
Replace 'INSERT_PRICE_HERE' in the Vibe code with your GTM purchase variable within two curly brackets.
This will allow you to track any purchase amount captured, especially if you are selling products with multiple prices. Note: Purchase variables vary from site to site. You will need to consult your developer to know those of your website.
Click on Triggering and set the trigger to fire that purchase event.
Save.
The final step to push the pixels to your website is to click on Submit in the top right of the GTM Home page.
2.TEMPLATE: Add the Vibe Pixel Tag in GTM
Step 1: Find the Vibe pixel in the Templates section
To add the Vibe Pixel tag in GTM, you can simply click this link that will redirect you to the Vibe pixel template in tag manager. (Link: https://tagmanager.google.com/gallery/#/owners/vibe-ad/templates/vibe-gtm-template)
If you encounter issues with the link, follow these steps:
Open Google Tag Manager and select “Templates” on the left-hand side.
In the Tag Templates section, click “Search Gallery” to access the Template Gallery.
Locate the Vibe Pixel in the gallery. Use the search function at the top right and type “Vibe” to find it easily and then click on Vibe Pixel.
Step 2: Add the Vibe pixel to your workspace:
Click the “Add to workspace” button to install the template.
Step 3: Create a new tag for the Vibe pixel
Now that the template is installed, you’ll need to create a new tag for the Vibe pixel.
Navigate back to the “Overview” tab on the left-hand side and click “Add a new tag”.
Name your tag and select “Tag Configuration.”
Under the Custom tag type, select “Vibe Pixel” (if you don’t find it, you can also use the search function).
A tag configuration tab will open where you will define the tag properties and set up trigger rules. Create separate tags for each conversion you wish to track.
2. Configure the Tags in GTM
Step 1: Add Your Vibe Pixel ID
You can find your Vibe web tracking page by following these steps:
Visit the Web tracking page under the Vibe Settings menu.
Choose your Advertiser and click on Setup.
Select Google Tag Manager as an installation method.
Copy your Vibe pixel id and paste it in the.
Step 2: Select Tag Type: Choose between a Page View pixel and an Event pixel:
Page View Pixel: Tracks a specific page view event.
Event Pixel: Tracks event-based conversions using GTM. To create an event tag, choose “Event pixel” and select the corresponding event you’d like to track from the available dropdown. You can use the Lead tracking code to track any specific action that you wish to include in your Vibe.co reporting, such as a button click, form completion, or thank you page view. The Purchase event enables you to track any action related to a purchase event on your website. You will need to indicate a price,
3. Set Up Triggering
After configuring the tag, make sure to set up a trigger to ensure the tag fires correctly.
When saving the tag in Google Tag Manager, you’ll be prompted to add a trigger. This step is crucial to ensure the tag fires when the desired event occurs. Define the trigger by clicking on the trigger box, and you will be presented with a menu of options. Set the trigger to fire the event and Save.
This ensures the tag will activate as expected when the defined event occurs.
The final step to push the pixels to your website is to click on Submit in the top right of the GTM Home page