@docusaurus/plugin-google-tag-manager

What is @docusaurus/plugin-google-tag-manager?

@docusaurus/plugin-google-tag-manager is a plugin for Docusaurus that allows you to integrate Google Tag Manager (GTM) into your Docusaurus site. This enables you to manage and deploy marketing tags (snippets of code or tracking pixels) on your website without modifying the codebase.

What are @docusaurus/plugin-google-tag-manager's main functionalities?

Basic Integration

This feature allows you to integrate Google Tag Manager into your Docusaurus site by adding the plugin to your Docusaurus configuration file. Replace 'GTM-XXXXXX' with your actual GTM container ID.

{
  "plugins": [
    [
      "@docusaurus/plugin-google-tag-manager",
      {
        "gtm": "GTM-XXXXXX"
      }
    ]
  ]
}

Custom Data Layer

This feature allows you to push custom data to the GTM data layer. You can specify additional data that you want to track, such as user ID or page category.

{
  "plugins": [
    [
      "@docusaurus/plugin-google-tag-manager",
      {
        "gtm": "GTM-XXXXXX",
        "dataLayer": {
          "userId": "USER_ID",
          "pageCategory": "CATEGORY"
        }
      }
    ]
  ]
}

Other packages similar to @docusaurus/plugin-google-tag-manager

react-gtm-module

react-gtm-module is a package for integrating Google Tag Manager with React applications. It provides a simple API to initialize GTM and push events to the data layer. Compared to @docusaurus/plugin-google-tag-manager, it is more general-purpose and can be used with any React application, not just Docusaurus.

gatsby-plugin-google-tagmanager

gatsby-plugin-google-tagmanager is a plugin for Gatsby that integrates Google Tag Manager into Gatsby sites. It offers similar functionality to @docusaurus/plugin-google-tag-manager but is specifically designed for Gatsby, another static site generator.

README

@docusaurus/plugin-google-tag-manager

Google Tag Manager plugin for Docusaurus.

Usage

See plugin-google-tag-manager documentation.

Changelog

3.1.1 (2024-01-26)

:bug: Bug Fix

• docusaurus-types, docusaurus
  • #9791 fix(core): broken links optimization behaves differently than non-optimized logic (@slorber)
• docusaurus
  • #9788 fix(core): links with target "_blank" should no be checked by the broken link checker (@slorber)
  • #9407 fix(core): conditionally include hostname parameter when using… (@jack-robson)
• docusaurus-utils
  • #9776 fix(mdx-loader): allow spaces before mdx-code-block info string (@eitsupi)
• create-docusaurus
  • #9783 fix(create-docusaurus): fix typo in init template sample docs (@dawei-wang)
• docusaurus-theme-common
  • #9727 fix(theme-common): fix missing code block MagicComments style in Visual Basic (.NET) 16 (@tats-u)
• docusaurus-theme-classic, docusaurus-theme-mermaid
  • #9733 fix: remove old useless mdx typedefs (@slorber)
• docusaurus-module-type-aliases, docusaurus-theme-classic, docusaurus-theme-common, docusaurus-utils, docusaurus
  • #9732 fix(core): various broken anchor link fixes (@slorber)

:running_woman: Performance

• docusaurus
  • #9778 perf(core): optimize broken links checker (@slorber)

:nail_care: Polish

• docusaurus-theme-classic
  • #9470 polish(theme): MDX images should use async decoding (@sanjaiyan-dev)

Committers: 6

• Jack Robson (@jack-robson)
• Sanjaiyan Parthipan (@sanjaiyan-dev)
• Sébastien Lorber (@slorber)
• Tatsunori Uchino (@tats-u)
• @dawei-wang
• @eitsupi