Microsoft Clarityを加える
この記事について
Microsoftのアクセス解析ClarityをWordPressサイトに加える。
Clarity導入は次の手順で行う。
これら内容は以下レンタルサーバーでのWordPress環境を使用。
シン・レンタルサーバー![](https://www16.a8.net/0.gif?a8mat=3T8P7I+7KOKM2+CO4+1HLFVM)
![](https://www19.a8.net/0.gif?a8mat=3T8P7I+7KOKM2+CO4+1HMIGH)
各事項については以降に書いていく。
その他、環境整備に関する新情報。
同系列WordPress特化型レンタルサーバー
WordPress専用クラウド型レンタルサーバー『wpX Speed』![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+AL1GPM+CO4+ZQFQA)
![](https://www18.a8.net/0.gif?a8mat=3TCZ0D+AL1GPM+CO4+ZRXQP)
同系列安定型レンタルサーバー
格安ドメイン名取得サービス『Xserverドメイン』![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15OK2A)
![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15WWZL)
その他キャンペーン中WordPress対応レンタルサーバー
ロリポップ公式サイト![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AM8BX6+348+64Z8Y)
![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AM8BX6+348+6E71D)
ドメイン管理に関しては
格安ドメイン名取得サービス『Xserverドメイン』![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15OK2A)
![](https://www13.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15WWZL)
![](https://www18.a8.net/0.gif?a8mat=3TCZ0D+ANF74Q+348+1C1W8I)
![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+ANF74Q+348+1BRTKX)
![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+AMTRIY+50+2HHVNM)
![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AMTRIY+50+2HTO1D)
Microsoft Clarityを加える
サインアップ
公式サイトへ行きサインアップする。
公式ページ
![Clarityページ](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity1_500_307.png)
サインアップ
Googleアカウントからサインアップした。
![サインイン先選択](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity2_500_359.png)
プロジェクト作成
適当な名前と、サイトのURLを入力。
![プロジェクト作成](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity3_500_311.png)
GTMと統合
以下手順でGTMと統合できる。
- 今すぐつながりを申請
- アクセス権付与
- アカウント選択
- 統合完了
これによりGTMを通してWordPressサイトへClarityをイストールできるようになる。
今すぐつながりを申請
![つながりを申請](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity4_500_309.png)
アクセス権付与
![アクセス権限付与](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity5_500_661.png)
アカウント選択
![GTMアカウント選択](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity6_359_296.png)
統合完了
![タグマネージャー統合](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity7_500_299.png)
GTMでClarityインストール
GTMで以下の手順を行うと、WordPressサイトでClarityの測定が行われる。
尚、WordPressサイトへはGTMがインストールされている必要がある。
- Clarity用タグを選択
- タグ設定
- トリガー設定
- インストール完了
Clarity用タグを選択
![タグタイプを選択](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity8_500_91.png)
タグ設定
タグはClarity公式のテンプレートを使う。
![Claritryの公式タグを検索](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity9_500_128.png)
![Clarityテンプレート](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity10_500_263.png)
![Clarityテンプレート追加](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity11_500_232.png)
![](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity12_500_197.png)
トリガー設定
![トリガー設定](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity13_401_257.png)
インストール完了
![インストール完了](https://nemunori.com/wp-content/uploads/2023/06/230608_addclarity14_500_114.png)
まとめ
既にGTMを利用していれば流れに従うだけなのでWordPressサイトへのClarityインストールは簡単。だが、画面遷移が多いので朝方ニートには辛い印象。
よろしく。