iPhoneのSafariでnend広告が表示されないときに試したこと

「瞬感ルーン占い」web版に広告が出るようになったので占いの先生に見てもらおうとしたのだが、「出てこないよ？どうしたの？」と言われてしまう。
iPhoneのSafariだと見えない。Chromeだと出てくるけど、サイズが小さすぎる。サイズについては「320×50」を固定サイズで表示しているせいだというのは何となく察しが付く。問題は「ブラウザによって見えたり見えなかったり」という点だ。

帰宅後、調整作業にかかる。
広告バナー(インライン形式)の大きさは、固定ではなく「レスポンシブ」にすることで画面サイズに合わせられた。
そして肝心の「確実に表示させる方法」だが…試行錯誤の末にこうした。
まずHTML内の記述。広告表示エリアを作るために広告タグをdivで囲む。

そして、CSSでこのブロックに対して幅と高さを指定する(背景色や高さはお好みで調整)。

これでiPhoneのSafariでもでかでかと広告が表示された。
なお、CSSファイルの更新が反映されない場合はキャッシュをクリアして再読み込みするとよい。

⇒iPhone、Webサイトデータとは？JavaScriptとは？ | iPhoneトラブル解決サイト

なおこの手段はHTMLとCSSを手打ちで作るレベルのサイトで行ったもので、WordPress等ブログに対しては効果を保証しない。