Piano Insight と AMP(Accelerated Mobile Pages) の実装
AMPページをPiano Insight で計測されるようにするには、以下の例のような amp-analytics タグを <body> セクションの最初の部分に追加してください:
<amp-analytics id="cxense1">
<script type="application/json">
{
"requests": {
"pageview":
"https://scomcluster.cxense.com/Repo/rep.gif?ver=1&typ=pgv&sid=${siteId}&ckp=${clientId(cX_P)}&loc=${ca
nonicalUrl}&rnd=${random}&ref=${documentReferrer}<m=${timestamp}&wsz=${screenWidth}x${screenHeigh
t}&bln=${browserLanguage}&chs=${documentCharset}&col=${screenColorDepth}&tzo=${timezone}&cp_cx_ch
annel=amp"
},
"vars": {
"siteId": "1234567890"
},
"triggers":{
"trackPageview":{
"on":"visible",
"request":"pageview"
}
},
"transport": {
"beacon": false,
"xhrpost": false,
"image": true
}
}
</script>
</amp-analytics>
注意:siteIdは計測対象のサイトIDに置き換えてください。
|
上のタグと共に、以下の'amp-analytics' extension JavaScript を <head> 内に追加する必要があります:
|
リファレンス
https://github.com/ampproject/amphtml/blob/master/extensions/amp-analytics/amp-analytics.md
https://github.com/ampproject/amphtml/blob/master/extensions/amp-analytics/analytics-vars.md
実装ページ例
http://dev1.cxpublic.com/examples/amp/
データサンプル
上記タグを挿入頂くことで、AMPモードでのPV計測が可能となります。AMPからWebの記事への流入につきましては、サイトに挿入頂いている基本タグ(Piano insightタグ)で計測されます。
|
Insight上の項目 |
Google検索 ↓ AMPページ |
AMPページ ↓ Webページ |
|---|---|---|
|
URL |
貴社サイトドメインのAMPページ |
貴社サイトドメインの記事ページ |
|
参照元ホスト |
google.co.jp |
AMPドメイン
|
|
参照元URL |
https://google.co.jp |
AMPドメインの記事ページ
mp |
|
カスタムパラメータ - cx_channel |
amp |
- |
例えばフィルタから以下のような形で確認できます。