GA/広告¶
Google Analyticsと広告設定について説明します。
Google Analytics¶
GA4の特徴¶
- イベントベース測定
- 機械学習による洞察
- プライバシー重視
- クロスプラットフォーム追跡
基本設定¶
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_MEASUREMENT_ID');
</script>
MkDocsでの設定¶
extra:
analytics:
provider: google
property: GA_MEASUREMENT_ID
イベント追跡¶
基本イベント¶
- ページビュー
- スクロール
- ファイルダウンロード
- 外部リンククリック
カスタムイベント¶
gtag('event', 'custom_event', {
'event_category': 'engagement',
'event_label': 'button_click',
'value': 1
});
Google AdSense¶
基本設定¶
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXX"
crossorigin="anonymous"></script>
広告ユニット¶
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-XXXXXXXXXX"
data-ad-slot="XXXXXXXXXX"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
プライバシー対応¶
Cookie同意¶
- GDPR対応
- CCPA対応
- Cookie同意バナー
データ保護¶
extra:
analytics:
provider: google
property: GA_MEASUREMENT_ID
feedback:
title: Was this page helpful?
ratings:
- icon: material/emoticon-happy-outline
name: This page was helpful
data: 1
note: >-
Thanks for your feedback!
レポート活用¶
主要指標¶
- ページビュー
- セッション
- ユーザー
- 直帰率
カスタムレポート¶
- コンテンツ分析
- ユーザー行動分析
- コンバージョン分析
最適化¶
A/Bテスト¶
- Google Optimize
- コンテンツ実験
- パフォーマンス比較
改善施策¶
- ページ速度最適化
- ユーザビリティ改善
- コンテンツ最適化