モノ好き情報庫

本ブログは試したことを忘れないようメモ代わりに使っています。自分用なので書いてあることを試して何かあっても自己責任でお願いします。

MENU

【PC↔スマホ対応】忍者AdMax広告を中央揃えする方法

この記事には広告を含む場合があり、記事内で紹介する商品を購入すると当サイトに売り上げの一部が還元されることがあります。

例えば以下のようなものはアフィリエイト収入を得ています。

  • 広告リンクテキスト・広告バナー
  • 商品リンク(一部紹介リンクじゃないものもありますが基本的に紹介リンクだと思っていただいたほうが安心です。)
  • リンクテキストや画像リンクをコピーして、アドレス欄に貼り付けた時に「https://px.a8.net/」や「https://ck.jp.ap.valuecommerce.com/」、などASPのURLが含まれるリンク
  • リンクに「affiliate」などのアフィリエイトリンク

など。

また、企業様より報酬を受け取っての記事の場合は、記事の冒頭に「マーケティング主体の名称」と「関係性の内容」、「PR」や「提供」を明記しておりますので安心してご覧いただけます。

問題のある表現がありましたら、お問い合わせまでご連絡ください。

夢野千春
夢野千春

こんにちはこんばんは、当ブログ運営主の夢野千春です。

当ブログ、10回以上AdSense審査を受けて未だに受かっていない状態なんですが、もう面倒くさくて広告収入を得るのやめようかと思ってたら「忍者AdMax」という素敵な広告サービスを発見。

これ、何が素晴らしいのかというと、AdSenseよりも圧倒的な審査期間が無い。

その分広告単価が圧倒的に少ないと言われてますが、なかなかAdSenseの審査が通らない人にとっては導入しやすいサービスだと思います。ずっとゼロよりマシです。

当ブログはこの忍者AdMaxを使用して広告表示させているのですが、サクッと広告が貼れて良いかなと。

ただ1点、気になることが。

それは、広告が左端に寄ってしまうことです。

これは他の広告も同じことが起きますが、大抵センタータグやスタイルで広告を中央揃え表示することができるんです。

ただ、忍者AdMaxの広告はなんか違うのか、PC向けの広告はセンター表示されてもスマホ向け広告は右側に寄ってしまい、ページをスクロールした際、画面がガタガタ揺れてしまいます。

どうにかならないか試行錯誤した結果、以下のような感じにするとうまくいきました。

<div style="display: flex; justify-content: center;">
 ここに広告タグを入れる
</div>

こちらの記事を読めば上記コードで行っていることがイメージしやすいと思います。

参考になれば幸いです。