離脱ポップアップ無料配布中！｜たうビーのアフィリで脱サラ！

離脱ポップアップJS（コピペ用）

※ボタンが効かない場合は、コード枠をクリックして Ctrl + A → Ctrl + C でもOKです。

// ========= ここだけ編集 =========
  var FREE_PAGE_URL = "https://taubee.work/popup"; // ボタン押下で遷移するURL
  var DISABLE_ON_URL_CONTAINS = "/popup";          // ★配布ページでは出さない（ここ重要）
  // ===============================

// ★配布ページではこのウィジェットJSを完全停止（JSぶつかり防止）
  try{
    if (DISABLE_ON_URL_CONTAINS && location.href.indexOf(DISABLE_ON_URL_CONTAINS) !== -1) return;
  }catch(e){}

var STORAGE_KEY = "exit_free_link_popup_v2";
  var SHOW_ONCE = true;
  var DISABLE_ON_MOBILE = true;

// モバイル無効
  if (DISABLE_ON_MOBILE && /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent)) return;

// 1回だけ判定
  if (SHOW_ONCE){
    try{ if (sessionStorage.getItem(STORAGE_KEY) === "1") return; }catch(e){}
  }

// --- DOM生成（ID固定をやめて事故防止） ---
  var overlay = document.createElement("div");
  overlay.style.cssText = "display:none;position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.55);align-items:center;justify-content:center;padding:16px;box-sizing:border-box;";

var box = document.createElement("div");
  box.style.cssText = "position:relative;max-width:560px;width:100%;background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.25);padding:16px 18px 18px;font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans JP',sans-serif;";

var closeBtn = document.createElement("div");
  closeBtn.textContent = "×";
  closeBtn.style.cssText = "position:absolute;top:10px;right:12px;cursor:pointer;font-size:22px;line-height:1;color:#666;user-select:none;";

var title = document.createElement("div");
  title.textContent = "あなたのブログにもこんな離脱ポップアップはいかがですか？";
  title.style.cssText = "text-align:center;font-size:18px;font-weight:900;line-height:1.4;margin:6px 0 6px;color:#111;";

var sub = document.createElement("div");
  sub.textContent = "離脱ポップアップのコードを無料配布しています！";
  sub.style.cssText = "text-align:center;font-size:14px;line-height:1.7;margin:0 0 10px;color:#444;";

var freeHtml = document.createElement("div");
  freeHtml.style.cssText = "margin-top:8px;";
  /* =========================================================
     ↓↓↓ ここから ↓↓↓
     この範囲に「HTMLを自由に書いて」OKです。
     例：追伸、箇条書き、画像、注意書き、強調文など
  ========================================================= */
  freeHtml.innerHTML = `

`;
  /* =========================================================
     ↑↑↑ ここまで ↑↑↑
     （この範囲のHTMLだけを編集してください）
  ========================================================= */

var cta = document.createElement("a");
  cta.href = FREE_PAGE_URL;
  cta.target = "_blank";
  cta.rel = "noopener";
  cta.textContent = "無料配布ページへ（コードを受け取る）";
  cta.style.cssText = "display:block;margin:12px auto 0;text-decoration:none;padding:12px 14px;border-radius:10px;background:#111;color:#fff;font-weight:900;text-align:center;max-width:320px;";

var note = document.createElement("div");
  note.textContent = "※ボタンを押すと新しいタブで開きます";
  note.style.cssText = "text-align:center;margin-top:10px;font-size:12px;color:#666;";

box.appendChild(closeBtn);
  box.appendChild(title);
  box.appendChild(sub);
  box.appendChild(freeHtml);
  box.appendChild(cta);
  box.appendChild(note);
  overlay.appendChild(box);
  document.body.appendChild(overlay);

overlay.addEventListener("click", function(e){ if (e.target === overlay) hide(); });
  closeBtn.addEventListener("click", hide);
  document.addEventListener("keydown", function(e){ if (e.key === "Escape") hide(); });

// 誤爆防止：少し動いたら有効化
  var armed = false;
  function arm(){ armed = true; window.removeEventListener("mousemove", arm); }
  window.addEventListener("mousemove", arm, { passive:true });

// Exit intent
  document.addEventListener("mouseout", function(e){
    if(!armed) return;
    var to = e.relatedTarget || e.toElement;
    if(to) return;
    if(typeof e.clientY === "number" && e.clientY <= 0) show();
  }, { passive:true });

})();
</script>