2014-11-02
忍者AdMaxの貼付け広告コード(iframe広告)をレスポンシブテーマで使う時に、広告画像の下の方が途中で切れるのを解決する方法
この記事は旧テーマ向けの解説です。
2026年リニューアル版のテーマ(テーマ名に「Ⅱ」が付くもの)は、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の変更を伴うテーマ編集に関しては、無料サポート外となります。
不具合が生じてもサポートできませんので、自己責任で編集作業を行ってください。
特に外部サービスの広告コードの仕様は時代とともに変わるので、最新情報は各サービスのヘルプで確認してください。











