Gist
Search…
Gist
Getting Started
In-line Messages
Broadcasts
Pricing
Guides
Customer.io
ActiveCampaign
Google Tag Manager
Libraries
iOS / iPadOS
Android
Flutter
React Native
Web
Cordova
API
Webhook
Postman Collection
Engine UI
Basics
Lists / Grids
Data Lists / Grids
Powered By
GitBook
Google Tag Manager
Setup Gist for Web in under 10 minutes.
Integrating Gist using Google Tag Manager is very easy and can be done in just a few minutes.
Open your GTM account page and select
New Tag
Name the tag
Gist
, this is located on the top left of the new page
.
Click on
Tag Configuration
, and select
Custom HTML
Paste in the following code snippet and change the organization id to match yours. Your organization id can be copied from
here
.
1
<
script
src
=
"
https://code.gist.build/web/2.9.0/gist.min.js
"
>
</
script
>
2
<
script
>
3
Gist
.
setup
(
4
{
5
organizationId
:
"organization-id-here"
,
6
useGuestSession
:
true
7
}
8
);
9
Gist
.
subscribeToTopic
(
"announcements"
);
10
</
script
>
Copied!
Click on the
Triggering
section and select
All pages.
Click
Save
To preview your changes select
Preview
Input the URL of your website and click
Start
Back on
Gist
, go to
Broadcasts
and select
Create Broadcast
Create a test broadcast, choose a name, message, add
announcements
as a topic and pick a
start date in the past
and an
end date in the future
.
Click
Save
and then
Publish
Your announcement should appear on your preview site.
Before you publish the changes to GTM make sure you go back to Gist and
unpublish
the test broadcast.
Now, back at Google Tag Manager, click
Submit
Provide a version name and description and click
Publish
.
That's it! Gist is now setup on your web product. You can now broadcast messages to anyone visiting your site by adding the
announcements
topic.
For more details on how to further integrate Gist into your product, you can have a look at our official web library
documentation
.
Guides - Previous
ActiveCampaign
Next - Libraries
Flutter
Last modified
1mo ago
Copy link