カスタムイベントの設定方法

この記事ではPtengineのカスタムイベント機能の設定方法をご案内します。

カスタムイベントの設定方法

1. Experienceにログインし、管理画面にある「データ管理」>>「トラッキングタグを取得」をクリックしてします。

   
2. 「トラッキングタグを取得」画面に入り、「イベント計測」をクリックし、イベントタグをコピーします。

   
3. 更にユーザー行動トレンドを正確に把握したい場合、トラッキングタグでイベントラベルとしての詳細情報を追加しましょう。サンプルタグのように、必要に応じてタグを計測したい情報へ変更してください。

   Note：イベントラベル: '値'

   イベントラベルは任意に定義でき、値はイベント発火時に取得する指示を書き入れます。

   イベントラベルの詳細についてはこちらの記事をご参照ください。

   ptengine.track('check_out', {
   event_label_1: 'value_1',
   event_label_2: 'value_2'
   });

4. 3のコードをイベントが発生するページ設置してください。

   1. Google Tag Managerを利用している場合、Google Tag Manager経由で設定をご参照ください。

   2. 直貼りの場合は</body>の前に設置してください。

設定事例

実例1：「Login」ボタンをクリックしたユーザー行動をイベントとして計測する場合

サンプルタグ1（HTML）：

<button onclick="ptengine.track('イベント名')">Login</button>

サンプルタグ2（JavaScript）：

document.getElementById('btnLogin').addEventListener('click', function (){
ptengine.track('イベント名');
});

実例2：「Submit」ボタンをクリックしたユーザー行動をイベントとして計測し、メールアドレスや登録日を計測する場合

サンプルタグ1（HTML）：

<button id="btnSubmit"
    onclick="ptengine.track('イベント名', {
	    email: document.getElementById('email').value,　
	    submit_date: new Date()
    });">
submit</button>

サンプルタグ2（JavaScript）：

    document.getElementById('btnSubmit').addEventListener('click', function() {
        ptengine.track('イベント名', {
            email: document.getElementById('email').value,
            submit_date: new Date()
        });
    });

トラッキングタグの設定はサイトのhtmlソースコードを変更することになるため、技術者の方に設定して頂くか、弊社サポートが必要な場合はチャットなどによりお気軽にお問い合わせください。

設定完了後「データ管理」画面でイベントの詳細情報を確認できます。

また「イベント」や「イベントラベル」機能で「…」編集ボタンをクリックすると、説明も追加できます。