初めに、Googleアナリティクスのトラッキングコードが、サイトエディタの「設定」、「高度な設定」のサービスの「Googleアナリティクストラッカー」の欄に入力され、またヘッダーコードにGoogleアナリティクスのトラッキングコードがないことを確認してください。
Googleアナリティクスのイベント
あなたのサイトでアクションがあった際に、イベントをGoogleアナリティクスに公開します。Strikinglyでは以下のイベントを公開します:
1. コンタクトフォームの送信 - コンタクトフォームが送信された際に、Googleアナリティクスのイベントが発動されます。
カテゴリ: 'Action', 行動: 'EmailCollected'
2. CTA - サイト内のボタンをクリックした際にイベントが発動されます。
カテゴリ: 'Action', 行動: 'ButtonClick'
カスタムイベントのトラッキング
サイトの他の行動をトラッキングするカスタムイベントを追加するには、「設定」「詳細設定」「カスタムコード」「フッター」にJavaScriptを追加する必要があります。
例)以下のコードはGoogleアナリティクスにクリックされるすべての画像を".s-image" の要素のイベントがクリックされたことを認識することでトラッキングするように指定します。
<script>
window._strk = window._strk || [];
_strk.push(function(){
$('.s-image, .s-media').click(function(){
var href = $(this).attr('href');
console.log('Tracking ' + href);
if (window._gaq) {
window._gaq.push('_trackEvent', 'Image', 'Click', href);
}
if (window.ga) {
window.ga('send', 'event', 'Image', 'Click', href);
}
});
});
</script>
その他のイベント
MixpanelやGoogle Adwordsコンバージョンのような他のサービスへイベントを公開したい場合には、イベントトピックスを登録することでイベントへ応える機能に伝えます。
var trackingFunc = function() {
window.edit_page.Event.subscribe('topicName', function(topic, data) {
// put your tracking here
});
}
if (typeof _strk != 'undefined') {
_strk.push(['Page.didMount', trackingFunc]);
} else {
window.runAfterDomBinding.add('custom', trackingFunc);
}
利用可能なトピックス:
1. Site.contactForm.submit
コンタクトフォームが送信された際に、イベントが発動されます。
Google Adwordsでこのイベントをトラッキングする場合には、こちらのサンプルコードをご参照ください。
2. Site.button.click
CTAボタンがクリックされた際に、イベントが発動されます。
Google Adwordsでこのイベントをトラッキングする場合には、こちらのサンプルコードをご参照ください。
ご注意:
サイトに2個以上のフォームがある場合、どのフォームから送信されたか識別する方法はありません。