Appearance

Embedding via Google Tag Manager ​

In some scenarios, you might not want to embed videobot directly to your website, instead triggering it from Google Tag Manager (GTM), this guide is made for that usecase.

Important

Do not embed videobot directly and follow this guide at the same time, as you will have duplicate videobots in your website.

Prerequisites:

  • Install GTM code normally to your website
  • Get videobot widget code, example:
html
<div
	id="videobot"
	data-videobot-id="O8LKlMI6"
	data-sync="true"
></div>
<script type="module" src="https://videobot.com/embed/videobot.mjs"></script>

Go to your Workspace in GTM > Tags, and click on New button

On new Tag panel, click on Tab Configuration to setup new tag, and choose Custom HTML.

On appearing panel, paste the following code into HTML field and check the ==Support document.write== box: <script type="module" src="https://videobot.com/embed/videobot.mjs"></script>

Name the tag Videobot Script and click Save > Save Tag without adding any Trigger.

After saving the Tag, click on New button again to create another Tag. Choose Custom HTML on the panel and insert the embed code into HTML field, but without the line: <script type="module" src="https://videobot.com/embed/videobot.mjs"></script>

Click on Advanced Settings, setup necessary consents and settings. Then click on Tag Sequencing > Fire a tag after Videobot Tag fires > Choose the Videobot Script tag we created above.

After that, setup the Trigger by clicking on Triggering section, normally we would use Consent Initialization - All Pages to display Videobot after consent are setup on the website.

Click Save and Submit your Workspace changes.