LoginSignup
17
7

More than 3 years have passed since last update.

GitHub Pagesで作成したサイトのアクセス解析を行う

Last updated at Posted at 2021-04-14

したいこと

GitHub Pageの総閲覧数とかを知りたい

やったこと

  • GitHub Pagesでサイト作成
  • Google Analyticsを用いてアクセス解析

方法

GitHub Pagesのサイトはあるという前提。
こちらの記事を参考に作成した。

私のページはこちら

  1. Google Analyticsにログイン
  2. プロパティを追加
    1. 左下の[管理] をクリック
    2. [+ プロパティを作成] ボタンをクリック
      • プロパティ名: 適当に github-pages とした
      • タイムゾーン: 日本
      • 通貨: 日本円
    3. 作成
  3. [ウェブ] をクリック

    1. [ウェブサイトのURL]に解析したい自分の GitHub Page の URL を入力
    2. [ストリーム名] はあらかじめ 「ウェブサイト」 と入力されていたのでそのまま入力
    3. [ストリーム作成] ボタンをクリック
  4. [データストリーム] > [ウェブ] > [ウェブサイト] をクリック(さっき作った名前のはず)
    スクリーンショット 2021-04-14 17.37.02.png

  5. ページ中段の [タグ設定手順] の [新しいページ上のタグを追加する] > [グローバルサイトタグ...]のプルダウンを開く

  6. コピペして使えるコードが出てくるので、それをコピーし GitHub Pagesの index.htmlの タグの中に書き込む

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=[自分のID]"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', '[自分のID]');
    </script>
    

これで公開したらOK

結果

解析できてる!

スクリーンショット 2021-04-14 17.46.00.png

何か間違ってそうならコメントくださいー

17
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
17
7