This documentation explains how to integrate JOIN Stories widgets into your website using Google Tag Manager (GTM). This will allow you to manage the widgets directly via GTM without having to manually modify your site’s code.
Prerequisites:
A configured Google Tag Manager account linked to your website.
One or more JOIN Stories widgets already created in your JOIN Stories space.
The widget integration code, which you can find in the "Integration" tab of your widget in JOIN Stories.
Steps for Integration via Google Tag Manager
Access Your Google Tag Manager Account
Log in to Google Tag Manager and select the container linked to your website.
Create a New Tag
In the left menu, click on Tags.
Click the "New Tag" button to create a new tag.
Name your tag, for example, "JOIN Stories Widget."Configure the Tag Type
Click on “Tag Configuration.”
Choose "Custom HTML Tag" as the tag type.Add the Widget Integration Code
In the HTML field, paste the widget integration code provided by JOIN Stories.
Set the Trigger
Click on “Trigger.”
Select the "All Pages" trigger if you want the widget to load on all pages of the site, or configure a specific trigger if you want to display the widget on certain pages only.- Example of a custom trigger for specific pages:
Trigger Type: Page View
Condition: Page URL contains
/target-page
Save and Publish
Once the tag and trigger are configured, click on "Save."
Then click on "Submit" in the top right corner of your GTM dashboard to publish the change to your site.