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

コンテンツ

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

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

設定方法 #

  • 1添付画像のように、「キャンペーン」>>「クリエイティブ」>>「表示/停止条件」設定でJavascriptコードによる表示を選択してください。
  • 2下記のようなJavascriptコードでポップアップもしくは固定バーの発火をコントロールを実現できます。ポップアップではIDが「popup_xxxxxxxx」になるが、固定バーではIDが「stickybar_xxxxxxxx」になります。
  • ptengine && ptengine.showEngagement('popup_xxxxxxxx');

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

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

実装例 #

  • 1HTMLに追加する場合
  • <button id="loginBtn" onclick="ptengine && ptengine.showEngagement('popup_xxxxxxxx')">login</button>

  • 2ネイティブJavascriptに追加する場合
  • document.getElementById("loginBtn").addEventListener("click", function(){ ptengine && ptengine.showEngagement('popup_xxxxxxxx) });

この記事についてどう思いますか?

  • いいですね!
  • よくないです

評価いただきありがとうございました

  申しわけありません!理由を教えてください。

    サポートチームに直接問合せたい場合、こちらをクリックしてチャットしましょう