1

ウェブサイトに GTM と GA を実装していますが、製品のインプレッションとクリックに関する e コマース データの受け渡しについて非常に基本的な質問がありましたが、公式の GTM ドキュメントからは理解できません。

例として、検索結果ページについて説明したいと思います。通常、検索結果ページには 50 ～ 100 の商品リストが表示されます。SRP は、セクション内の dataLayer=[{...}] セクションにプリロードされた商品インプレッションとともに、Google タグ マネージャーがインプレッション計算に必要なすべての変数を正しい命名規則でロードします。例として、ページの HTML 疑似コードを共有したいと思います

<html>
<head>
....
....
    <script>
        dataLayer=[{
            'userID':'sdvkn3434mwgn4nk',
            'country':'USA',
            'language':'en-us',
            'ecommerce': {
                currencyCode': 'USD',
                'impressions': [
                    {
                     'name': 'Triblend Android T-Shirt',
                     'id': '12345',
                     'price': '15.25',
                     'brand': 'Google',
                     'category': 'Apparel',
                     'variant': 'Gray',
                     'list': 'Search Results',
                     'position': 1
                    },
                 {
                   'name': 'Donut Friday Scented T-Shirt',
                   'id': '67890',
                   'price': '33.75',
                   'brand': 'Google',
                   'category': 'Apparel',
                   'variant': 'Black',
                   'list': 'Search Results',
                   'position': 2
                 }]
            }
        }
    </script>
</head>
<body>
    ...
    ...
    <a href="www.example.com/12345.html">Triblend Android T-Shirt</a>
    <a href="www.example.com/12345.html">Donut Friday Scented T-Shirt</a>
    ....
</body>

この dataLayer=[{}] には、ユーザー言語、ユーザー ID、選択された国などに関連するデータもあります。

商品のクリック数を計算する方法を知りたいです。Google のドキュメントhttps://developers.google.com/tag-manager/enhanced-ecommerce#product-clicksでは、次のコードを使用して追跡することが記載されています。

<script>
function(productObj) {
  dataLayer.push({
    'event': 'productClick',
    'ecommerce': {
      'click': {
        'actionField': {'list': 'Search Results'},      
        'products': [{
          'name': productObj.name,                      
          'id': productObj.id,
          'price': productObj.price,
          'brand': productObj.brand,
          'category': productObj.cat,
          'variant': productObj.variant
         }]
       }
     },
     'eventCallback': function() {
       document.location = productObj.url
     }
  });
}
</script>

この関数はどこで宣言する必要がありますか? そして、この関数はどこで呼び出されるべきですか? そして、製品の値、つまり、名前、ID、価格などをどのように関数に渡しますか。

私は開発者ではありません。開発者の助けを借りて、バックエンドからデータレイヤーに情報を取得します。

4

2 に答える 2

0

Google コードが無名関数を使用する理由がわかりません。trackProductClick のような名前を付けることができます。次に、どこでも宣言して、onclick イベントから呼び出すことができます。

<a href="productname.html" onClick="trackProductClick({name: 'My Shoe Product', id: '1234', price: '100.00', brand: 'nike', cat: 'Shoes', varient: 'brown'})">Product Link</a>

于 2014-10-25T01:25:35.910 に答える
0

この HTML を試してください:

<body>
  ...
  ...
  <a class="toMisure" data-id="12345" data-name="Triblend Android T-Shirt"  href="www.example.com/12345.html">Triblend Android T-Shirt</a>
</body>

そして、この Javascript Jquery:

<script>
$(function(){
 $('.toMisure').click(function(){
    dataLayer.push({
      'event': 'productClick',
      'ecommerce': {
      'click': {
      'actionField': {'list': 'Search Results'},      
      'products': [{
      'name': $(this).attr('data-name'),                      
      'id': $(this).attr('data-id'),
      'price': ...,
      'brand': ...,
      'category': ...,
      'variant': ...
     }]
    }
   },
   'eventCallback': function() {
     document.location = $(this).attr('href')
   }
  });
 });
});
</script>

タグ a の data-attribute によって他のすべての製品属性を渡します

次に、分析でイベント「商品クリック」を作成し、ここで説明します

希望はあなたを助けます!

于 2014-10-21T11:09:35.397 に答える