タグ

ブックマーク / lifequest-blog.com (1)

  • 表示確認用に使えるアドセンス等広告のダミー画像をIFRAMEで作ってみた

    突然ですが、まずは下記の味気ないダミー画像をご覧ください。 これらは、Googleアドセンスアフィリエイトバナーの表示確認用に作ったダミー画像です。 ただのダミー画像表示ではなく、一工夫してあります。 画像自体は、placehold.itというダミー画像生成サービスから拝借しているのですが、ただ単にimgタグで記述して表示しているのではなく、一工夫してあります。 IFRAMEで取得しており、CSSも指定しています。 理由があります。 例えばレスポンシブデザインでの構築を見越している場合などにおいて、img {maw-width: 100%;}とすることで、画像がエレメントの横幅に応じて伸縮するよう設定することも珍しくありません。 (私はほぼ常にその設定をしています。) その場合、imgタグで取得するともちろんダミー画像も伸縮します。 するとここで問題が。 アドセンス広告などは、(

    表示確認用に使えるアドセンス等広告のダミー画像をIFRAMEで作ってみた
  • 1