GatsByJSウェブサイトに単純な解析論を加えてください

私は長い間、私のページにAnalyticsを使いたいです.しかし、Google Analyticsを使うことは、そのプライバシー問題のため、私のためにありませんでした.それで、私は非常に初期にプライバシーに集中した分析ソフトウェアのために外を見ました.特にクッキーレスの分析は、何かが私が使いたいです.私はこれらのクッキーのバナーが好きではないので、1つの解決策を持つことは素晴らしいことでしょう.Simple Analytics and Fathom Analytics 私が好きだった解決策でした.両方とも、私が非常に価値がある何かであるブートストラップインディーズ会社です.
シンプルな解析はGitHub education pack . 1年間無料で学生として使用することができます.だから今日は私がそれを実行する時間をブロックした日だったGatbsyJS ブログ.以下では、それがGatsByjsページにそれを加えることがどれくらい簡単かについて話します.

インストール

まず、単純な解析論でアカウントを作成しなければなりません.あなたが既にそれにアカウントログを持っているとき.
あなたがウェブサイトをまだ持っていないとき、あなたは1を加えることができるページにリダイレクトされます.それ以外の場合はダッシュボードに移動し、追加のウェブサイトのボタンをクリックします.次に、あなたのウェブサイトのURLを追加し、フォームの下に追加のWebサイトのボタンを押して作成します.

今すぐ追加するにはscript あなたの終了時にAnalyticsを動作させるために必要なタグbody タグを開くgatsby-ssr.js gatsbyルートディレクトリにファイルを作成します.ファイルの内部に次の行を追加します.

export const onRenderBody = ({ setPostBodyComponents }) => {
  setPostBodyComponents([
    <script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"/>,
    <noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt=""/></noscript>
  ])
}

setPostBodyComponents は、body にhtml.js gatsbyjsが作成したファイル.
その後、あなたのページがビルドできるかどうか確認できます.成功するならば、あなたはページを生産にプッシュすることができます.GatsByjsビルドを終了し、Webにプッシュした後、単純なAnalyticsはあなたのページを自動的に見つけ、あなたのウェブサイトのダッシュボードを提示します.それです.正常にあなたのGatsByjsサイトに簡単な分析を追加しました.

読んでくれてありがとう.
日高