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

コンテンツ

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

ロジック #

コードモードを利用することで、クローズの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コードモードに上記準備したタグを入れて、キャンペーンを保存してください。これで設定完了です。

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