- Convert MDX CodeBlock components to standard markdown code fences - Add rehype-mdx-code-props to pass filename meta to code components - Custom pre/code MDX components map fences to CodeBlock - Add brand color badges (product + category) matching /learn layout - Match prose styling: orange inline code, orange links, white strong - Remove brand color background glow (not in /learn)
44 lines
1.4 KiB
Plaintext
44 lines
1.4 KiB
Plaintext
---
|
|
title: "Google Tag Manager"
|
|
description: "Add Pulse analytics via Google Tag Manager. Works with any site using GTM."
|
|
category: "platform"
|
|
brandColor: "#246FDB"
|
|
officialUrl: "https://tagmanager.google.com"
|
|
relatedIds: ["wordpress", "shopify", "webflow"]
|
|
date: "2026-03-28"
|
|
---
|
|
|
|
Add Pulse via Google Tag Manager — works with any site that already has GTM installed.
|
|
|
|
---
|
|
|
|
## Create a Custom HTML tag
|
|
|
|
Follow these steps to add Pulse through GTM:
|
|
|
|
1. Go to **Tags -> New -> Custom HTML**
|
|
2. Paste the snippet below
|
|
3. Set the trigger to **All Pages**
|
|
4. Publish your container
|
|
|
|
```html filename="GTM -> Custom HTML Tag"
|
|
<script defer src="https://pulse.ciphera.net/script.js"></script>
|
|
```
|
|
|
|
That's it. Pulse auto-detects the domain from the page, so no extra configuration is needed.
|
|
|
|
<details>
|
|
<summary className="cursor-pointer text-sm text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300">Advanced: override domain or configure options</summary>
|
|
|
|
If your site is registered under a different domain than the page hostname, or you need custom options (API endpoint, storage mode, etc.), use `pulseConfig`:
|
|
|
|
```html filename="GTM -> Custom HTML Tag (with config)"
|
|
<script>
|
|
window.pulseConfig = { domain: "your-site.com" };
|
|
</script>
|
|
<script defer src="https://pulse.ciphera.net/script.js"></script>
|
|
```
|
|
</details>
|
|
|
|
For more details, see the [GTM Custom HTML tag docs](https://support.google.com/tagmanager/answer/6103696).
|