GatsbyJS ブログに Google タグマネージャーを有効にする方法

Contents

• まとめ
• はじめに

• gatsby-plugin-google-tagmanager を導入する

  • Install
  • How to use
• おわりに

まとめ

• gatsby-plugin-google-tagmanager を導入する

はじめに

どうも，たける@typememo です．

この記事では GatsbyJS 製のブログに Google タグマネージャーを導入します．

それでは参りましょう．

gatsby-plugin-google-tagmanager を導入する

gatsby-plugin-google-tagmanager を導入すれば ok のようです．

gatsbyjs google tagmanager で Google 検索かけるとプラグインがヒットしたので，

なるほど，プラグイン導入すれば良いだけか

という動線です．

プラグインの README に書いてある手順を踏んで行きます．

Install

まずはインストールします．

$ npm install gatsby-plugin-google-tagmanager

How to use

gatsby-config.js を開いて編集します (自分の場合は vscode 使ってます)

$ code gatsby-config.js

追加するコードはこんな感じのようです．

plugins: [
  {
    resolve: "gatsby-plugin-google-tagmanager",
    options: {
      id: "YOUR_GOOGLE_TAGMANAGER_ID",
    },
  },
]

YOUR_GOOGLE_TAGMANAGER_ID だけ自分の Google タグマネージャーの ID に更新すれば良さそうです．

おわりに

GatsbyJS ブログに Google タグマネージャーを導入しました．

実際に有効になっているかどうかはこの記事を投稿してから確認したいと思います．

最後までお読みいただきありがとうございました．

追記:

Google タグマネージャー，有効になっていました！

よかったです．

執筆機材

• Xiser Pro Trainer (ステッパー)
• HHKB Professional 墨 (キーボード)
• HHKB キートップセット 白 (キートップ)
• Apple Magic Mouse 2 (マウス)
• Apple MacMini (PC)
• iiyama Display 27inch FullHD (ディスプレイ)
• KINTO UNITEA 550ml (コップ)