Google Analyticsとの連携について – はてなCMSヘルプセンター

2023年5月以前にsimple-p1を導入し、Universal Analytics設定を行ったユーザー向けの説明ページとなります。
2023年6月現在、この設定はGA4には対応しておらず、UA専用となっています。ご了承ください。
GA4でははてなブログ全体として独自に取得できる項目が設定できます。詳細は「追加されるデータ」をご覧ください。

hbm-simple-p1ではGoogle Anayitcsに対して以下の様なデータを送信できる設計となっています。

記事のソーシャルボタンのクリック（イベントを使用）
記事の文字数レンジの計測（1000文字単位、カスタムディメンションを使用）
記事のメインカテゴリーの計測（コンテンツカテゴリーを使用）
記事の読了

この機能を利用される場合は以下に従って設定してください。

Google Analytics側での準備

利用するUniversalAnalyticsのプロパティで以下の設定を行います。

STEP1「文字数」を取得するためのカスタムディメンション設定

Google Analyticsで対象となるプロパティを開き、画面左下の管理アイコンから、

対象プロパティの「カスタム定義」-「カスタムディメンション」を選択
「新しいカスタムディメンション」を選択し、任意の名前（「文字数」を推奨）を入力。
範囲を「セッション」として「作成」を選択
「作成したカスタムディメンション」の画面が表示されたら、「JavaScript」の枠に表
示される「ga('set', 'dimension1', dimensionValue);」の「dimension1」部分をメモ
しておく。

STEP2記事のメインカテゴリーを取得するための「コンテンツカテゴリー」設定

Google Analyticsで対象となるプロパティを開き、画面左下の管理アイコンから、

対象プロパティ中の利用するビューから「コンテンツグループ」を選択
（デフォルトでは「すべてのウェブサイトのデータ」になります。）
「新しいコンテンツグループ」を選択し、コンテンツグループ名に「カテゴリー」と入力
「トラッキングコードの有効化」をクリック
画面が切り替わり、「有効化」が「オン」、インデックスが「1」になっていることを確
認し「完了」を選択
そのまま他の項目は設定せず「保存」を選択

ブログの管理画面での設定

管理画面 > [設定] > [詳細設定]を開く

______Media________hbm-simple-p1__________________67____0001.png

「<head>要素にメタデータを追加」の入力欄に以下内容を設定

STEP1プロパティIDの設定

"UA-69076420-12" 部分を利用されるプロパティIDに必ず置き換えてください

<script>

    window.dataLayer = window.dataLayer || [];

    // ここにUAを設定してください

    window.GaId = "UA-69076420-12";

    ～

</script>

はてなブログの管理画面上にもUniversal Analytics用の設定項目がありますが、hbm-simple-p1テーマの計測機能を利用される場合は、下記の入力欄は必ず空白のままとしてください
______Media________hbm-simple-p1__________________67____0002.png
両方の箇所でプロパティIDを設定すると、Google Analyticsで二重計測が発生しますのでご注意ください。
GA4についてはhbm-simple-p1テーマでデータ送信などは行わないため、併用される場合は以下の入力欄で測定IDを設定いただいて問題ありません
______Media________hbm-simple-p1__________________68____0001.png

STEP2カスタムディメンションの設定

前項「STEP1「文字数」を取得するためのカスタムディメンション設定」の設定時に表示されたカスタムディメンションの定義文字列が下記の{dimension1: "文字数"}と異なる場合は置き換えてください。
```
gtag("config", window.GaId, countCharactersPages.some(e=>location.pathname.startsWith(e))? {

        send_page_view: false,

        content_group1: category,

        custom_map: {dimension1: "文字数"},

    }
```

STEP3保存

前項で設定内容の変更を行った場合は、管理画面最下部の「保存する」を選択し内容を確定させてください。

Google Analytics上での計測値の確認

前項で設定した内容の確認例をご紹介します。

記事のソーシャルボタンのクリック
- 各種ソーシャルボタンのクリックは、以下の様な内容でイベントとして記録されています。
  - イベントアクション：click
  - イベントカテゴリー：
    - はてなブックマークボタン：hbm-hatebu
    - Twitterボタン：hbm-twitter
    - Facebookボタン：hbm-facebook
    - LINEボタン：hbm-line
  - イベントラベル：記事のURL
    - 例：https://business.hatenastaff.com/entry/2022/07/06/113000
- レポート画面例
  この設定で取得可能なのは、デザインテーマにてデフォルトで設定されたボタンのクリック・押下のみとなります。
  
  管理画面 > [デザイン] > [記事] > [ソーシャルパーツ]にて設定した表示ボタンに対しての計測は行うことができません。
読了
- 記事の読了については、以下の様な内容でイベントとして記録されています。
  - イベントアクション：read-finished
  - イベントカテゴリー：general
  - イベントラベル：記事のURL
- レポート画面例
  - 以下は、Google Analyticsの「行動」-「イベント」-「上位のイベント」画面で、イベントアクションとして「read-finished」を指定し、「イベントラベル」タブを選択した場合の表示例です。
  - 記事の「読了」数がイベント数として記録されます。
  - 上記の数値と記事のセッション数やページビュー数を比較いただければ、「読了率」を算出することも可能です。
  - 活用される場合は、カスタムレポートの機能などを利用してください。
記事の文字数レンジ
- 文字数についてはURLが「/entry/」を含む（＝記事を意味する）場合にカスタムディメンションとして値が以下のように設定されます。
  - 1〜999文字：1000
  - 1001〜2000文字:2000
  - 2001〜3000文字:3000
  - 3001〜4000文字:4000
  - 4001〜5000文字:5000
  - 5001〜6000文字:6000
  - 6001〜7000文字:7000
  - 7001〜8000文字:8000
  - 8001〜9000文字:9000
  - 9001以上:10000
- レポート画面例
  文字数の厳密な判定は行っておらず、JavaScriptで本文領域の「innerText」を使って取得した文字数となっています。ご了承ください。
  PCとスマホで表示有無の要素調整をされている場合など、同記事に対する環境により異なる文字数が計測される場合があります。予めご了承ください。
カテゴリー
- カテゴリーについては、記事のメインカテゴリーがコンテンツカテゴリーの値として設定されます。（複数カテゴリーを設定している場合は最初に設定されているカテゴリーとなります）
- レポート画面例
  - 以下は、Google Analyticsの「行動」-「サイトコンテンツ」-「すべてのページ」画面で、コンテンツカテゴリー「カテゴリー」を設定した場合の例です。
  - 記事のカテゴリーごとの閲覧状況や直帰率を確認するといった際にご利用ください。
  - 活用される場合は、カスタムレポートの機能などを利用してください。