【display:none】で非表示にしても読み込んでしまいますが、読み込まない非表示するには？

AdSenseなどのタグを【display:none】で非表示にしてもインプレッションしてしまうみたいですが、インプレッションさせないで非表示にする方法はあるんでしょうか？

CSSで実現したいんですが、このようなことができるCSSがあれば教えていただきたいです。

CSSで実現不可能な場合、なにか実現できる方法はあるでしょうか？

よろしくお願い致しますm(__)m

行動規範の内容に同意します

回答3件

AdSenseなどのタグを入れなければ良いのでは。
display:noneを設定してあるということは、JavaScriptでdisplay:blockにされる可能性があるのだから読み込まれます。CSSは見た目の整形に使うものなので、HTML要素の読み込みにはかかわれないと思います。

投稿2017/09/14 03:12

総合スコア69651

2017/09/14 07:50

回答ありがとうございます！ CSSは見た目の整形に使うものなので、HTML要素の読み込みにはかかわれないよくわかりました！ありがとうございますm(__)m

行動規範の内容に同意します

ベストアンサー

読み込む要素を装飾する機能しかないCSSでは無理です。
サーバーサイドスクリプトかJavaScript(jQuery含む)の条件分岐で該当箇所を読み込ませるしかないでしょう。

投稿2017/09/14 05:45

総合スコア784

2017/09/14 07:54

回答ありがとうございます！わかりやすい他の方法のヒントまでありがとうございますm(__)m

行動規範の内容に同意します

どうしてもという場合は当該タグ自体にstyle="display:none"をつけるしかないでしょうね
それが難しい場合はダミーのソースを読ませて、あとからajaxなどで置き換えるとかでしょうか

投稿2017/09/14 03:10

総合スコア118405

2017/09/14 07:50

回答ありがとうございます！当該タグ自体にstyle="display:none"をつけると読み込まないんですね！初めて知りました！ありがとうございますm(__)m

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.29%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる