[{"data":1,"prerenderedAt":126},["ShallowReactive",2],{"legacy-question-1e5902dcc40ec065f26d341ea5f92042":3,"legacy-question-author-koji-kadoma":99,"legacy-question-category-website-building":115},{"id":4,"title":5,"author":6,"body":7,"category":85,"date":86,"description":87,"extension":88,"locale":89,"meta":90,"navigation":91,"path":92,"seo":93,"slug":94,"stem":95,"tag":96,"updated":86,"__hash__":98},"legacyQuestions\u002F20210405000000-GridsomeでGoogle Analyticsを使いたい.md","Gridsomeの便利なリンク集を知りたい","koji-kadoma",{"type":8,"value":9,"toc":77},"minimark",[10,15,19,24,27,38,41,47,50,54,57,60,66,68,74],[11,12,14],"h2",{"id":13},"プラグインを追加するだけokです","プラグインを追加するだけOKです。",[16,17,18],"p",{},"GridsomeでGoogle Analyticsを使う方法は二つあります。どちらもプラグインを追加するだけでGoogle AnalyticsをGridsomeプロジェクトに組み込むことができます。",[20,21,23],"h3",{"id":22},"google-analytics-v3の場合","Google Analytics v3の場合",[16,25,26],{},"Google Analyticsの旧バージョンを使っている場合は、公式プラグインの「@gridsome\u002Fplugin-google-analytics」をインストールすれば、すぐにGoogle Analyticsを統合できます。",[28,29,34],"pre",{"className":30,"code":32,"language":33},[31],"language-text","yarn add @gridsome\u002Fplugin-google-analytics\n\n\u002F\u002F or\n\nnpm install @gridsome\u002Fplugin-google-analytics\n\n","text",[35,36,32],"code",{"__ignoreMap":37},"",[16,39,40],{},"プラグインがインストールできたら、grdisome.config.jsに設定を書きます。",[28,42,45],{"className":43,"code":44,"language":33},[31],"module.exports = {\n  plugins: [\n    {\n      use: '@gridsome\u002Fplugin-google-analytics',\n      options: {\n        id: 'UA-XXXXXXXXX-X' \u002F\u002F \u003C== ここを書き換える\n      }\n    }\n  ]\n}\n",[35,46,44],{"__ignoreMap":37},[16,48,49],{},"簡単ですね。",[20,51,53],{"id":52},"google-analytics-v4の場合","Google Analytics v4の場合",[16,55,56],{},"Google Analyticsの現行バージョンであるv4は、トラッキング方法が変わっているため、Googleタグマネージャーと一緒に使う必要があります。",[16,58,59],{},"ただ、GridsomeでGoogleタグマネージャーを使うのも、プラグインをインストールして設定を書くだけなので、非常に簡単です。",[28,61,64],{"className":62,"code":63,"language":33},[31],"yarn add gridsome-plugin-gtm\n\n\u002F\u002F or\n\nnpm install gridsome-plugin-gtm --save\n",[35,65,63],{"__ignoreMap":37},[16,67,40],{},[28,69,72],{"className":70,"code":71,"language":33},[31],"module.exports = {\n  plugins: [\n    {\n      use: 'gridsome-plugin-gtm',\n      options: {\n        id: 'GTM-XXXXXXX', \u002F\u002F \u003C== ここを書き換える\n        enabled: true,\n        debug: true\n      }\n    }\n  ]\n}\n",[35,73,71],{"__ignoreMap":37},[16,75,76],{},"これで、Googleタグマネージャー経由で、Google Analyticsのデータが計測可能になります。",{"title":37,"searchDepth":78,"depth":78,"links":79},2,[80],{"id":13,"depth":78,"text":14,"children":81},[82,84],{"id":22,"depth":83,"text":23},3,{"id":52,"depth":83,"text":53},"website-building","2021-04-05T07:00:00.000Z","GridsomeでGoogle Analyticsを使いたい","md","ja",{},true,"\u002F20210405000000-gridsomegoogle-analytics",{"title":5,"description":87},"1e5902dcc40ec065f26d341ea5f92042","20210405000000-GridsomeでGoogle Analyticsを使いたい",[97],"gridsome","L8iWsf6MAgp5CPUCLFu7KfHZc4BXBnKTncGgv0PAZJc",{"id":100,"title":101,"body":102,"date":106,"description":107,"extension":88,"locale":89,"meta":108,"name":111,"navigation":91,"path":112,"seo":113,"slug":6,"stem":6,"updated":106,"__hash__":114},"legacyAuthors\u002Fkoji-kadoma.md","Koji Kadoma",{"type":8,"value":103,"toc":104},[],{"title":37,"searchDepth":78,"depth":78,"links":105},[],"2021-04-01T00:00:00.000Z","Webエンジニアです。Javascript、PHP、Ruby、Dockerなどをメインで使っています。",{"image":109,"url":110},"https:\u002F\u002Fwww.codit.work\u002Fimgs\u002Favatar\u002Fkoji-kadoma.png","https:\u002F\u002Fkoji.pages.dev\u002F",null,"\u002Fkoji-kadoma",{"title":101,"description":107},"H1yaGicrsv1CzYTbFeEXQosuYx93lIutD3_XwXMhAFk",{"id":116,"title":117,"body":118,"date":106,"description":117,"extension":88,"locale":89,"meta":122,"navigation":91,"path":123,"seo":124,"slug":85,"stem":85,"updated":106,"__hash__":125},"legacyCategories\u002Fwebsite-building.md","Webサイト構築",{"type":8,"value":119,"toc":120},[],{"title":37,"searchDepth":78,"depth":78,"links":121},[],{},"\u002Fwebsite-building",{"title":117,"description":117},"h9jPLD2mzMm3L4sFN5qWSiSirySQQLdnxLhQcvw8VlQ",1783320301202]