Help & Tips

JavascriptコードによるPopup・固定バーの表示について

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

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

設定方法

1. 以下添付画像のように、「キャンペーン」→「クリエイティブ」→「トリガー」設定でJavascriptコードによる表示を選択してください。

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

ptengine && ptengine.showEngagement('popup_6568e3c09935ff80')

注意:
1.クリエイティブ;デバイス;パターン毎にコードが異なるため、ご注意ください。
2.A/Bテストを行う場合、各パターンそれぞれのコードを全部実装する必要があります。
3.PC&SPの二つのデバイスにキャンペーンを設定する場合、各デバイスそれぞれのコードを全て実装する必要があります。

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

注意:Javascriptコードは対応ポップアップもしくは固定バーの表示ページで発火させる必要があります。

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

実装例

Javascriptコードは下記形式で提供されます。

ptengine && ptengine.showEngagement('popup_6568e3c09935ff80')

例1:HTMLに追加する場合

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

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

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

注意:括弧内の数値 “popup_6568e3c09935ff80” は例となるため、必ずご自身のキャンペーン内にあるJavascriptコードをコピーしてからご使用ください。

Show More
Back to top button