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

コンテンツ

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

ロジック #

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

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

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

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

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

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