Gatsbyで構築したサイトにGoogleAnalyticsとGoogleAdsenseを導入する


Published on April 03, 2020

GoogleAnalyticsのプラグインをインストール

$ yarn add gatsby-plugin-google-analytics

gatsby-config.jsに設定追加

  plugins: [
    {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: "UA-111111111-1",
        head: true,
      },
    },
    // other plugins
  ]

analyticsの設定は、Pluginの先頭に持ってくるのが良いらしい。

Make sure plugin and script are loaded first

GoogleAdsenseのプラグインをインストール

$ yarn add gatsby-plugin-google-adsense

gatsby-config.jsに設定追加

  plugins: [
    {
      resolve: `gatsby-plugin-google-analytics`,
      ...
    },
    {
      resolve: `gatsby-plugin-google-adsense`,
      options: {
        publisherId: `ca-pub-1111111111111111`
      },
    },
    // other plugins
  ]

これでAdsenseはいけるはず・・・?表示されなかったら、記事修正します。

If you like it, share it!