よくある質問
arrow_back_ios
Google Analyticsを有効にする方法は？
ウィジェットのイベント処理コードに、Google アナリティクスへデータを送信するコードを追加してください。 ウィジェットコードは次のようになります。
window.bukzaCallbackForBuzaContainer99999 = function(payload){
switch(payload.message.event){
//他のハンドラー
case 'ORDER_COMPLETED':
gtag('event', 'purchase');
break;
}
};
switch(payload.message.event){
//他のハンドラー
case 'ORDER_COMPLETED':
gtag('event', 'purchase');
break;
}
};
上記の例では、BuzaContainer99999 はウィジェットが埋め込まれている div コンテナの id です。
イベントと一緒に注文フィールド（例：注文の合計）を渡したい場合は、独自のイベントデータを生成してください。 その方法については、こちらで説明している仕組みを利用してください。
Google アナリティクスの初期化コードは、ウィジェットを含むページにすでに記述されている必要があります。 Google アナリティクスへのデータ送信についての詳細はこちらをご覧ください。
ウィジェット内にコードを挿入する場合は、次の方法を使用してください。
<html>
<body>
[Google アナリティクス初期化コード]
<script>
window.addEventListener('message', function (e) {
if (e && e.origin
&& e.origin.indexOf('bukza.com') !== -1)
var message = JSON.parse(e.data);
switch (message.event) {
//他のハンドラー
case 'ORDER_COMPLETED':
gtag('event', 'purchase');
break;
}
}, false);
</script>
</body>
</html>
<body>
[Google アナリティクス初期化コード]
<script>
window.addEventListener('message', function (e) {
if (e && e.origin
&& e.origin.indexOf('bukza.com') !== -1)
var message = JSON.parse(e.data);
switch (message.event) {
//他のハンドラー
case 'ORDER_COMPLETED':
gtag('event', 'purchase');
break;
}
}, false);
</script>
</body>
</html>
