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

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

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

設定方法 #

• 1添付画像のように、クリエイティブ作成後「表示/停止の条件」の設定でJavascriptコードによる表示を選択してください。
  
• 2下記のようなJavascriptコードでポップアップもしくは固定バーの発火をコントロールを実現できます。

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

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

• 3Javascriptコードをコピーした上表示させたいページに実装し、表示させたいタイミングで発火させてください。
• 4キャンペーン設定完了し保存してください。

実装例 #

• 1HTMLに追加する場合

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

• 2ネイティブJavascriptに追加する場合

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