2016-08-24 13 views
1

私はBusiness Catalystシステム(Liquid Markup/JSONを使用しています)を使用しており、eCommerce Google Analystics Trackingを設定しようとしています。また、私はJS Cookiesを使って情報を保管しています。JavascriptをCookieに保存して後で取得します

このコードは、「ありがとうございます」/「領収書」ページに追加する必要があります。残念なことに、Business Catalystでは、Receiptページで購入した各アイテムに対してJSONを使用できません。

したがって、私は.set() G.A.を使用して保存しようとしています。 Checkoutページでスクリプトをトラッキングし、.get()を使用して領収ページで取得します。

私は私の問題をもたらします。次のスクリプトをクッキーに保存し、後でそれを取得する必要があります。私はそれがG.A.をストリンジェライズすることと関係があると思います。スクリプトを作成し、後でそれを解析するが、それは私の知識が不足している場所である。チェックアウトページON

CODE

私はこのページのクッキーに情報を格納します。

<script> 
// Store eCommerce items in Cookie 
Cookies.set("GAinfo", " 

      ga('ecommerce:addItem', { 
      'id': '00001', 
      'name': 'Product Name 01', 
      'sku': 'ABCD01', 
      'category': 'Fruit', 
      'price': '0.99', 
      'quantity': '13', 
      'currency': 'GBP' 
      }); 

      ga('ecommerce:addItem', { 
      'id': '00002', 
      'name': 'Product Name 02', 
      'sku': 'ABCD02', 
      'category': 'Vegetables', 
      'price': '1.95', 
      'quantity': '6', 
      'currency': 'GBP' 
      }); 

"); 
</script> 

領収ページのコード

私はGoogleにそれを送ることができますので、このページのクッキーから情報を取得したいです!

<script> 
    var cGAinfo = Cookies.get('GAinfo'); 
    $('.GAinfo-container').html(cGAinfo); 
</script> 

紛失したことがありましたら教えてください!

+1

_ "次のスクリプトをクッキーに保存する必要があります" _ - スクリプト全体をクッキーに入れる必要はありません。これが唯一の動的な部分であるため、あなたが必要とするのはデータです。 Btw。、クッキーの代わりに、私はむしろこのようなもののためにsessionStorageを使うことをお勧めしたいと思います。 – CBroe

+0

@CBroe正しい方向に私を指してくれてありがとう、私はそれをチェックします – JHair

答えて

2

これは私がeコマーストラッキングを設定する方法である:

{module_data resource="orders" version="v3" fields="id,shippingPrice,totalPrice,discountCode,discountRate,giftVoucherAmount" resourceId="{tag_orderid}" order="id" collection="trans"} 
{module_data resource="orders" version="v3" subresource="products" resourceId="{tag_orderid}" fields="itemId,productId,catalogueId,units,unitPrice,totalPrice,description,product" order="productId" collection="products"} 


<script> 
    {% for prod in products.items -%} 
    {module_data resource="catalogs" version="v3" fields="name" limit="1" where="\{'products.productId':'{{ prod.product.id }}'\}" order="id" collection="cat"} 
    ga('ec:addProduct', { 
     'id': '{{ prod.product.productCode }}', 
     'name': '{{ prod.product.name }}', 
     'category': '{% for item in cat.items -%}{{ item.name }}{% endfor -%}', 
     'brand': '{{ prod.product.custom1 }}', 
     'variant': '', 
     'price': '{{ prod.totalPrice }}', 
     'quantity': {{ prod.units }} 
    }); 
    {% endfor -%} 
    ga('ec:setAction', 'purchase', { 
     'id': '{{ trans.id }}', 
     'affiliation': '{{ trans.discountCode }}', 
     'revenue': '{{ trans.totalPrice }}', 
     'tax': '0', 
     'shipping': '{{ trans.shippingPrice }}', 
     'coupon': '' // User added a coupon at checkout. 
    }); 
ga('send', 'pageview'); 
</script> 

はちょうどあなたのお礼のページにこのコードをコピー&ペーストして、あなたが行ってもいいです。

はあなたのコードの主要な部分で

ga('require', 'ec'); 

を持っていることを確認してください。

Googleアナリティクスの実装については何でもご相談ください。

+0

これは、これは時間の人生の節約だったありがとう!私はそれを少し修正しなければならなかったが、それは私が必要としていたものの上にある。ありがとうございました。 この情報がどのように見つかったのか分かりませんが、私はBCの文書でこれほどのものは見つけられません。編集:見つけた - [module_data](http://docs.businesscatalyst.com/developers/liquid/consuming-apis-in-the-front-end-using-module_data) – JHair

+0

これを確認http://docs.businesscatalyst .com/developers/apps/bc-api-discoveryは時間と時間を節約してくれました。 – Daut

0

すでに述べたように、Googleのトラッキング用にJSONをCookieなどに保存しないでください。 JavaScriptまたはJSONをクッキーに保存することはできません。これは、このために設計されたものではありません。いずれにしても、異なるドメインの問題にぶつかるでしょう。 そのことをすべて無視してください。

これは古いユニバーサルアナリティクスのものですが、Googleタグマネージャとデータレイヤーを確認する必要があります。これはすべてこれを行うための新しい方法であり、より多くの方法とより良いあなたのウェブサイトのためのより良いパフォーマンスです。

関連する問題