Javascriptでポップアップの表示を指定

キャンペーン設定では、ユーザーがサイトでの行動に合わせて、適切なタイミングで表示させることができます。その中に、ポップアップと固定バーはJavascriptコードによりタイミングを更に自由にコントロールする方法があります。詳しくは以下でご紹介いたします。

Note：Javascriptコードでの制御はポップアップと固定バーのみに適用され、サイト編集では適用されません。また1セッション内では複数回発火させることができます。

設定方法

1. 添付画像のように、クリエイティブ作成後「表示/停止の条件」の設定でJavascriptコードによる表示を選択してください。

1. 下記のようなJavascriptコードでポップアップもしくは固定バーの発火をコントロールを実現できます。

   ptengine && ptengine.showEngagement('xxxxxxxx');

2. Note： ・IDはクリエイティブ、デバイス、パターン毎にコードが異なるため、常に正しいものを取得しましょう。 ・A/Bテストを行う場合、各パターンそれぞれのコードを全部実装する必要があります。 ・PC＆SPの二つのデバイスにキャンペーンを設定する場合、各デバイスそれぞれのコードを全て実装する必要があります。

3. Javascriptコードをコピーした上表示させたいページに実装し、表示させたいタイミングで発火させてください。

4. キャンペーン設定完了し保存してください。

実装例

1. HTMLに追加する場合

<button id="loginBtn" onclick="ptengine && ptengine.showEngagement('xxxxxxxx')">login</button>

1. ネイティブJavascriptに追加する場合

document.getElementById("loginBtn").addEventListener("click", function(){ ptengine && ptengine.showEngagement('xxxxxxxx) });