ポップアップのクローズ方法

ポップアップや固定バーにアンカーリンクを設定し、ボタンクリックでページ内遷移すると同時にキャンペーンをクローズしたい場合、以下文書で紹介する内容に従って設定してください。

ロジック #

コードモードを利用することで、クローズのJavaScriptを追加し、ボタンクリックで遷移すると同時にキャンペーンをクローズします。

設定方法 #

Note：下記方法の稼働状況はプレビュー環境で確認できないため、必ずキャンペーンを公開した上でご確認ください。

• 1まずはキャンペーンを設定します（クリエティブでボタンを設定します）。
• ２ボタン設定完了後、キャンペーンのプレビュー機能で該当キャンペーンを表示させます。
  
• 3プレビューページでDeveloper Toolを開き、「Elements」でボタンの要素を見つけ出し、「data-silex-id="xxxxx"」というセレクターをコピーします。
  
• 4以下のように下記タグを修正します。

  1. document.querySelector("[id^=ptxEngage_popup_] [xxxxx]");の[xxxxx]は先ほど取得したセレクターへ差し替えてください。なお入れる際にセレクターにある「""」は削除してください。
  2. 'Engageid'にキャンペーンのidを入れてください。キャンペーンidの取得方法は以下画像の通りです。
  

  (function() {
      var waitter = setInterval(function() {
          var btn = document.querySelector("[id^=ptxEngage_] [xxxxx]");
          if (btn) {
              clearInterval(waitter);
              btn.addEventListener('click', function() {
                  window.ptengine && window.ptengine.clearEngagement('Engageid');
              });
          }
      }, 50);
  })();

• 5コードモードに上記準備したタグを入れて、キャンペーンを保存してください。これで設定完了です。