2017-11-30 9 views
0

amp-analyticsタグ内で基本的なクリックトラッキングを設定する方法を知っています。しかし、<amp-list>内の動的アイテムにクリックトラッキングをバインドすることは可能ですか?AMP analytics - アンプリストから「クリック」と「表示」の要素を追跡する方法

あなたが例えば*データvars-を使用して これを行うことができます
<amp-analytics type="googleanalytics"> 
<script type="application/json"> 
{ 
    "vars": { 
    "account": "UA-XXXXX-Y" 
    }, 
    "triggers": { 
    "trackClickOnMyDynamicItem" : { 
     "on": "click", 
     "selector": "#myElementInAmpList", 
     "request": "event", 
     "vars": { 
     "eventCategory": "someCategory", 
     "eventAction": "someAction", 
     "eventLabel": "someDynamicLabelRetrievedFromAmpList" 
     } 
    } 
    } 
} 
</script> 
</amp-analytics> 

答えて

0

<amp-list> 
<template type="amp-mustache"> 
<a href="{{ Url }}" id="myElementInAmpList" data-vars-product-name ="{{ ProductName }}"> 
</template> 
</amp-list> 

あなたが持つことができるトラッキングスクリプトに:

<amp-analytics type="googleanalytics"> 
<script type="application/json"> {"vars": { 
"account": "UA-XXXXX-Y"}, 
"triggers": { 
"trackClickOnMyDynamicItem" : { 
    "on": "click", 
    "selector": "#myElementInAmpList", 
    "request": "event", 
    "vars": {"eventCategory": "someCategory", 
    "eventAction": "someAction", 
    "eventLabel": "${productName}" //this will be dynamic 
     } 
     } 
    } 
    } 
</script> 
</amp-analytics> 

refer the documentation here in the last part of the page

+0

感謝うまく働いた。要素が読み込まれている/表示されているときに同じデータを送信する方法に関する提案 - * – MinhDienDoan

+0

トリガーでは非常に簡単です。 "on": "click" to "on": "visible" –

+0

それを試してみてください。イベントがどのように要素に結びついているのかは分かりません。しかし、アンプリストのダイナミックエレメント上の「可視」は機能しません。 – MinhDienDoan

関連する問題