2014-11-02

忍者AdMaxの貼付け広告コード(iframe広告)をレスポンシブテーマで使う時に、広告画像の下の方が途中で切れるのを解決する方法

この記事は旧テーマ向けの解説です。
2026年リニューアル版のテーマ(テーマ名に「Ⅱ」が付くもの)は、iframe広告の下の方が切れる症状は起こりません。

Google AdSenseの他にクリック課金型の広告として、
忍者AdMaxを使っている方もいるかと思います。

忍者AdMaxの貼付けコードを旧テーマでそのまま貼ると、
広告のサイズ指定が無視されて、下の方が切れちゃう場合があるので、以下解決方法を。
適当なclass名を付けて、CSSのmin-heightで高さの最小値を指定します。

忍者AdMaxの貼付けコードをレスポンシブ対応にする方法

◎AdMaxの貼付けコードを <div class="admax"> 〜 </div> で囲む

<!-- admax -->
<div class="admax">
ここに忍者AdMaxの貼付けコード
</div>
<!-- / admax -->

「ここに忍者AdMaxの貼付けコード」の部分に、管理画面で発行されたコード(<script src="https://adm.shinobi.jp/s/xxxxxxxx"></script> のようなもの)をそのまま貼ります。

◎CSSを追加

ダッシュボード>外観>カスタマイズ>追加CSS に、下のコードを貼ります。

.admax iframe {
min-height: 300px;
}

*高さ指定は貼りたい広告のサイズに合わせてください。(300×250の広告なら250px など)

これで解決すると思います。

Amazonの広告について

以前はAmazonアソシエイトの「テキストと画像」リンク(iframe広告)の場合も同じ方法を紹介していましたが、
このリンクは2023年11月でAmazonの提供が終わりました。
今はアソシエイト・ツールバーで作るテキストリンクなどを使ってください。

*HTML/CSSの変更を伴うテーマ編集に関しては、無料サポート外となります。
不具合が生じてもサポートできませんので、自己責任で編集作業を行ってください。
特に外部サービスの広告コードの仕様は時代とともに変わるので、最新情報は各サービスのヘルプで確認してください。

ご自身でカスタマイズを行うのが不安な方・エラーが発生してしまった方は、
プロの作業代行にお任せするのがおすすめです(料金3,000円〜)。
【PR】ココナラでWordPress作業代行を依頼する
おすすめWordPressテーマ10選