<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p>2020年11月執筆の内容をGA4対応版に更新しました</p>
</div></aside>
<h1 id="zenn%E3%81%A7%E8%87%AA%E5%88%86%E3%81%AE%E6%9B%B8%E3%81%84%E3%81%9F%E8%A8%98%E4%BA%8B%E3%82%92%E3%83%88%E3%83%A9%E3%83%83%E3%82%AD%E3%83%B3%E3%82%B0%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#zenn%E3%81%A7%E8%87%AA%E5%88%86%E3%81%AE%E6%9B%B8%E3%81%84%E3%81%9F%E8%A8%98%E4%BA%8B%E3%82%92%E3%83%88%E3%83%A9%E3%83%83%E3%82%AD%E3%83%B3%E3%82%B0%E3%81%99%E3%82%8B" aria-hidden="true"></a> Zennで自分の書いた記事をトラッキングする</h1>
<p>Zennで書いた記事のアクセス解析をしたかったので、Google Analytics(GA4)のトラッキングIDを設定してみました。トラッキングIDを設定すると、Google Analyticsで記事アクセスに関する情報（月日毎のPV数やアクセスの多いページなど）を計測することができるようになります。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/417a48ee788e-20230218.png" alt loading="lazy" class="md-img"><br>
手順は簡単で、ざっくり以下のとおりです。</p>
<ol>
<li>Google AnalyticsでトラッキングIDを取得する</li>
<li>ZennでトラッキングIDを設定する</li>
<li>実際に計測できているか確認する</li>
</ol>
<h1 id="1.-google-analytics%E3%81%A7%E3%83%88%E3%83%A9%E3%83%83%E3%82%AD%E3%83%B3%E3%82%B0id%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#1.-google-analytics%E3%81%A7%E3%83%88%E3%83%A9%E3%83%83%E3%82%AD%E3%83%B3%E3%82%B0id%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B" aria-hidden="true"></a> 1. Google AnalyticsでトラッキングIDを取得する</h1>
<p>すでにGoogleアカウントがある前提で説明します。なければ作りましょう。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__f2bb7bc5aae63" src="https://embed.zenn.studio/card#zenn-embedded__f2bb7bc5aae63" data-content="https%3A%2F%2Fsupport.google.com%2Faccounts%2Fanswer%2F27441%3Fhl%3Dja" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://support.google.com/accounts/answer/27441?hl=ja" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://support.google.com/accounts/answer/27441?hl=ja</a></p>
<p>はじめて<a href="https://marketingplatform.google.com/intl/ja/about/analytics/" target="_blank" rel="nofollow noopener noreferrer">Google Analytics</a>を使う場合は、Google Analyticsのページにアクセスして「測定を開始」をクリック。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/onulc7egln87r3s589qjs1bmzmfx" alt loading="lazy" class="md-img"></p>
<p>Google Analytics自体のアカウントがある方は「管理」をクリックして新規アカウントを作成していきます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/3b5g20k8m0qtnosurnkhvta0krql" alt loading="lazy" class="md-img"></p>
<p>アカウントの設定でZenn計測用のアカウント名を入力して「次へ」をクリック。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/3aha0uhk040b7ijlnyonwmdl9sfq" alt loading="lazy" class="md-img"></p>
<p>プロパティ名やタイムゾーンを設定して「次へ」をクリック。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/a50fcuhu5fi6ncqfhrt9qj6k1fb2" alt loading="lazy" class="md-img"></p>
<p>ビジネス情報をポチポチ選択して「作成」をクリック。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/93dc47356f1e-20230218.png" alt loading="lazy" class="md-img"></p>
<p>データストリームの設定で「ウェブ」を選択。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/31e933fdc7a8-20230218.png" alt loading="lazy" class="md-img"></p>
<p>「ウェブサイトのURL」に<code>zenn.dev</code>を入力。「ストリーム名」に適当な名称をつけて「ストリームを作成」をクリック。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/b45578fe01a2-20230218.png" alt loading="lazy" class="md-img"></p>
<p>ストリームの詳細情報が表示されるので「G-」から始まる「測定ID」をコピーします。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/bf778b6e586d-20230218.png" alt loading="lazy" class="md-img"></p>
<h1 id="2.-zenn%E3%81%A7%E3%83%88%E3%83%A9%E3%83%83%E3%82%AD%E3%83%B3%E3%82%B0id%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#2.-zenn%E3%81%A7%E3%83%88%E3%83%A9%E3%83%83%E3%82%AD%E3%83%B3%E3%82%B0id%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B" aria-hidden="true"></a> 2. ZennでトラッキングIDを設定する</h1>
<p>Zennにアクセスし、自分のプロフィールアイコンから「アカウント設定」開きます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/3709a7489fbb-20230218.png" alt loading="lazy" class="md-img"></p>
<p>設定画面の「アカウント」タブにてGoogle Analyticsの「トラッキングIDを設定」ボタンをクリック。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/9a94dc12dede-20230218.png" alt loading="lazy" class="md-img"></p>
<p>先ほどコピーしたトラッキングIDを入れて「保存する」をクリックします。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/b5b78b02c334-20230218.png" alt loading="lazy" class="md-img"></p>
<h1 id="3.-%E5%AE%9F%E9%9A%9B%E3%81%AB%E8%A8%88%E6%B8%AC%E3%81%A7%E3%81%8D%E3%81%A6%E3%81%84%E3%82%8B%E3%81%8B%E7%A2%BA%E8%AA%8D%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#3.-%E5%AE%9F%E9%9A%9B%E3%81%AB%E8%A8%88%E6%B8%AC%E3%81%A7%E3%81%8D%E3%81%A6%E3%81%84%E3%82%8B%E3%81%8B%E7%A2%BA%E8%AA%8D%E3%81%99%E3%82%8B" aria-hidden="true"></a> 3. 実際に計測できているか確認する</h1>
<p>Google Analyticsの「リアルタイム」を開きながら、Zennで自分の投稿記事やプロフィールページ遷移して反映されるか確認します。設定直後は反映にラグがあるようなので、しばらく経ってから様子を見てみましょう。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/c11551c746b2-20230218.png" alt loading="lazy" class="md-img"></p>
<p>以上でZennのGoogle AnalyticsトラッキングID設定は完了です。</p>
<p>お疲れさまでした😀</p>


ZennのGoogle Analytics(GA4)トラッキングID設定方法

Zennで自分の書いた記事をトラッキングする

1. Google AnalyticsでトラッキングIDを取得する

2. ZennでトラッキングIDを設定する

3. 実際に計測できているか確認する

Discussion