Google AnalyticsトラッキングIDをGitHubページに追加する方法

簡単な質問かもしれませんが、Google AnalyticsトラッキングIDをGitHubページに追加することについて、今は疑問がいっぱいです。

GitHub自動ページジェネレーターを使用してGitHubページを作成していますが、「Google AnalyticsトラッキングID」を要求されます。Google Analyticsにサインアップしようとしましたが、そこにWebサイトのURLが要求されます。

今私は何をすべきか？

もう1つの問題：GitHubページが作成された後、Google AnalyticsトラッキングIDを追加できますか？

更新：他の人のためのステップの説明を追加

解決しました：Google AnalyticsのWebサイトセクションに（追跡するリンク）
を含めるusername.github.io必要がありました。

GitHubヘルプページはこちらで確認できます

その後、トラッカーIDが提供されました。

注： Googleアナリティクスの管理パネルから、Googleアナリティクスページのウェブサイトを簡単に変更または追加できます。

更新2：-作成済みのGithubページに@Google アナリティクストラッキングIDを追加します（@ avi-aryanからのリクエストによる）

1. githubページのブランチを参照します-これは次のようなものです-
   （https://github.com/ YourUserName / YourRepository / tree / gh-pages）
   
2. 次にindex.html、リストされたファイルから編集します
3. HEADタグ内にindex.html-GoogleアナリティクストラッキングIDスクリプトを貼り付けます（すでにGoogleアナリティクスにサインアップしている場合は、[ 管理 ]から[ トラッキング情報 ]タブで参照できます）

興味のある方のために、GitHubページでJekyllを使用している場合は、GoogleアナリティクストラッキングIDをJekyllに正しく追加する方法を示す投稿を書いたところです。

1. ユニバーサルアナリティクストラッキングコードは、[管理]> [プロパティ]> [トラッキング情報]> [トラッキングコード]にあります。

2. Jekyllウェブサイトのディレクトリanalytics.htmlにある_includesフォルダにという新しいファイルを作成します。

3. Google AnalyticsトラッキングIDコードをに追加しますanalytics.html。

4. 最後に、を開き_layouts/head.html、{% include analytics.html %}終了</head>タグの直前に追加します。ウェブサイトのすべてのページを正しく追跡するには、この配置をお勧めします。

Jekyllが提供するミニマテンプレートを使用している場合-

1. google_analytics: UA-xxxxxxxx-x_config.ymlに追加
2. _includes / google-analytics.htmlファイルを作成し、そこにgoogle analytics jsコードを追加します。

交換する

ga('create', 'UA-xxxxxxxx-x', 'auto');

と

ga('create', '{{ site.google_analytics }}', 'auto');

そしてあなたは設定されています！

サイトが本番環境で構築されている場合、Googleアナリティクスコードが表示されます。参照については、テンプレートのソースコードをこちらでご覧ください-https://github.com/jekyll/minima

別のテンプレートを使用している場合は、テンプレートのソースコードを参照して対応するファイルを置き換えることにより、同じアプローチを使用できます。

そのためにGA-Beaconを使用することをお勧めします。GA-Beaconは、アクセスしたリンクがHTMLドキュメントでなくても、すべてのGitHubリポジトリを追跡できます。

確認してください：https : //github.com/igrigorik/ga-beacon

他のサイトと同じように、Google AnalyticsをJekyllサイトに追加できます。

まず、Googleアナリティクスアカウントを設定した後、[管理者]タブに移動します。

次に、アカウントパネルの下の左側で、をクリックしますCreate New Account。

Googleアナリティクスでは、アカウントは追跡する一連のページを表します。必要に応じてWebサイトのアカウントを設定します。

アカウントが作成されると、ページが表示さTracking IDれ、トラッキングするページにJavaScriptスニペットが表示されます。追跡したいすべてのページにこのスニペットを置くだけです。または、デフォルトのレイアウトを使用する場合は、このスニペットをそのどこかに配置します。

ちなみに、GitHubページでホストしているので、非常に詳細な分析が必要でない限り、Google Analyticsは必要ありません。あなたが気にするのがページビューだけなら、GitHubはこれを持っています。

README.mdファイルをGitHub個人用ページのソースとして使用しています。また、GitHubでサポートされているテーマ「ケイマン」の1つを使用しています。リポジトリに_config.yml以外のファイルは必要ありません（サポートされているテーマを変更する場合を除く）。

Google Analyticsを追加するには、「cayman」リポジトリ（https://github.com/pages-themes/cayman）のアドバイスに従ってください：

サイトの_config.ymlで設定されている場合、ケイマンは次の変数を尊重します：

google_analytics：[Google AnalyticsトラッキングID]

フルストップ！他に何か！すべてがGoogle Analyticsの側で機能します！これは、GoogleアナリティクスでGitHubページのクイックセットアップを探している人にとって、実行可能なオプションになる場合があります。

github README.mdから自動的に生成されたgithubページを使用している場合、これが最も簡単な方法であることがわかりました。_config.ymlを次のように編集してください（独自のgoogle analytics UA IDを使用）：

theme: jekyll-theme-cayman
title: My Site
description: My site description
url: https://example.com
author: MyName
plugins:
  - jekyll-seo-tag
google_analytics: UA-xxx

次に、次の内容でGemfileという名前のリポジトリルートに新しいファイルを追加します。

source "https://rubygems.org”
gem "github-pages", group: :jekyll_plugins
gem 'jekyll-seo-tag'

次に少し待ってgithubページを更新し、ページのソースコードを表示します。SEOプラグインが分析Javaスクリプトを挿入したことを確認します。詳細はこちら：https : //github.com/jekyll/jekyll-seo-tag

インストール手順から、幸運なことに、HTMLがないため、HTMLに{％seo％}を追加する必要はありませんでした。Githubはそのことを考えていたようです。