web-dev-qa-db-ja.com

gatsby-plugin-gdpr-cookiesを使用してGatsby Cookie同意バナーを設定する方法

私のウェブサイトはGoogle Analyticsの情報を収集しているため、ユーザーがオプトイン/オプトアウトできるようにCookie同意バナーを含める必要があります。

プラグインを見ましたgatsby-plugin-gdpr-cookiesそしてそれは完璧に見えたと思った。私はスタートアップに従って、それを私の設定ファイルの中に入れました。しかし、私は次に何をすべきかわかりません。バナーコンポーネントを作成し、何らかの形でリンクする必要がありますか？他の例を探してみましたが、何も表示されません。

助けてくれてありがとう、ありがとう。

javascriptreactjscookiesgoogle-analyticsgatsby
3
James Brightman

プラグインから ページ

まず、プラグインはサイトが実行されている環境をチェックします。定義された環境のいずれかで現在実行されている場合、デフォルトでFacebook Pixel JavaScriptがサイトのに追加されます。これによってアクティブ化または初期化されることはありません。

デフォルトでは、このプラグインはGDPRに準拠させるためにGoogleまたはFacebookにデータを送信しません。ユーザーは最初にCookieポリシーを受け入れる必要があります。 gatsby-gdpr-google-analyticsとgatsby-gdpr-facebook-pixelの2つのCookieを設定する必要があることを受け入れることによって。ユーザー入力に応じて、各Cookieの値はtrueまたはfalseになります。

Gatsby-gdpr-google-analytics Cookieがtrueに設定されている場合、GoogleアナリティクスはonClientEntryで初期化されます。 Facebookピクセルについても同様です。

その後、ページビューはonRouteUpdateで追跡されます。

したがって、バナーコンポーネントを作成し、Cookieをtrueまたはfalseに設定する必要があります。これはユーザーの選択によって異なります。

1
AskaNor_29

注意、Google Analytics経由のトラッキングに問題がありました。多くの調査の結果、gatsby-plugin-google-analytics-gdprによって内部で使用されるreactGaOptionsに解決策が見つかりました。 sampleRateオプションを使用して100％トラッキングを有効にし、mobilephonesがリクエストをGoogleに送信するようにします。通常モードでは1％に設定されているため、低帯域幅では多くのユーザー情報を失います。

reactGaOptions: {
  debug: false,
  gaOptions: {
    sampleRate: 100,
    siteSpeedSampleRate: 100
  }
}
0
Mitch