ポップアップの画像を表示してもブロックされにくいものはどのようなものですか？？

Question

webサイトにてポップアップのが画像を表示させようと思うのですが、ポップアップ画像は、webページを読み込んだ直後に表示させようとおもうのですが、
最近のブラウザでは、ポップアップ広告をブロックできるらしいのですが、ブッロクされにくいポップアップとはどうのようなものがありますでしょうか？

Answer 1

(ポップアップ == ポップアップウィンドウ と見なして回答します)

最優先で考えることは、ポップアップウィンドウを使う仕様をやめることです。スマートフォンなどではポップアップウィンドウはできないわけですし、現在はポップアップウィンドウは現実的ではありません。

ページロード時にポップアップウィンドウを開く動作だとほぼ間違いなくブロックされます。ユーザにブロックを解除する方法をガイドするなどで対処するしかありません。

ユーザのアクション(マウスのクリック、タッチ、キーボードの打鍵)をトリガーにしてポップアップを開くのはブロックされにくいそうです。

Comments

[coco0909a]

ありがとうございます。もう少し調べてみます。

Answer 2

dialogを使ったmodalはブロックされにくいです。

<style>
#dlg{
border:0;
width:1000px;
height:480px;
margin:0px;
padding:0;
border:outset 2px;
left:calc(50% - 500px);
top:calc(50% - 240px);
}
</style>
<script>
window.addEventListener('DOMContentLoaded', ()=>{
  const noscroll=(e)=>e.preventDefault();
  const scrollEvents=["touchmove","wheel","mousewheel","scroll"];
  scrollEvents.forEach(e=>document.addEventListener(e,noscroll,{passive:false}));
  dlg.showModal();
  document.addEventListener('click',()=>{
    dlg.close();
  });
  dlg.addEventListener('close',()=>{
    scrollEvents.forEach(e=>document.removeEventListener(e,noscroll,{passive:false}));
  });
});
</script>
<dialog id="dlg">
<img src="http://placeimg.com/1000/480/any" alt="any">
</dialog>
<br><br><br><br><br><br><br><br><br><br>1
<br><br><br><br><br><br><br><br><br><br>2
<br><br><br><br><br><br><br><br><br><br>3
<br><br><br><br><br><br><br><br><br><br>4
<br><br><br><br><br><br><br><br><br><br>5

Comments

[coco0909a]

ありがとうございます。もう少し調べてみようと思います。感謝いたします。ありがとうございました。

Answer 3

ブッロクされにくいポップアップとはどうのようなものがありますでしょうか？

重要な情報が書いてあって、ブロックしてはサイトを使用するのに支障するようなポップアップであれば、ユーザー自身でブロックを止めると思います。

Comments

[coco0909a]

ありがとうございます。そうですね。