タグ

レクタングルに関するiGCNのブックマーク (3)

  • Google AdSenseのダブルレクタングルをスマホ表示の時に片方だけ消す方法 - FOXISM

    ブログの記事下にアドセンス広告を横に2つ並べて表示している人は多いですよね。いわゆるダブルレクタングルというものです。これ、スマホ表示の時にどうしてますか? スマホ表示の時も無理やり横に並べることはできますが、それでおかしな横スクロールが発生してはカッコ悪いです。かといってこれを縦に2つ並べると、おそらくポリシー違反となってしまいます。 ならばどうしたらいいのかと言うと、答えは「公式が認める方法を使って、スマホ表示の場合に広告を1つ消す」です。 ダブルレクタングルというのは、上の画像のようにレクタングルサイズ(300×250や336×280)のアドセンス広告を横に2つ並べることです。効果が高かったりバランスがいいということで採用している人も多いと思います。 はてなブログのテーマでレスポンシブデザイン対応のものを使っている時、この広告表示にも注意しておかないと先に書いたように横スクロールが発

    Google AdSenseのダブルレクタングルをスマホ表示の時に片方だけ消す方法 - FOXISM
  • レスポンシブ対応!tableタグを使わずアドセンスを横並びにするカスタマイズ - よなかのはなし

    2016 - 09 - 03 レスポンシブ対応!tableタグを使わずアドセンスを横並びにするカスタマイズ ブログ はてなブログ Twitter Hatena Pocket 8月の中旬にGoogleアドセンスの規約が変わり「広告3枚制限」が撤廃されたそうです。そこで記事中に2枚、記事下にダブルレクタングルで2枚広告を配置するカスタマイズを行ってみました。 Googleアドセンスの広告が1つの記事に4枚貼れる! 当ブログにおけるアドセンス広告位置ビフォーアフター AdSense広告を横並びにしてダブルレクタングルを実装する 1、アドセンス広告のコードを作成する 2、HTMLコードを記述する 3、CSSを記述する Googleアドセンスの広告が1つの記事に4枚貼れる! アドセンス使用における従来の規約では1つの画面に貼れる広告は3枚までと決まっていました。レスポンシブデザインを採用している当ブ

    レスポンシブ対応!tableタグを使わずアドセンスを横並びにするカスタマイズ - よなかのはなし
  • レクタングル広告を横並びにする方法

    はてなブログに限らずサイトをブログを運営する上で広告の配置は非常に重要な要素です。 そこで効果が良い!とされているレクタングル広告を横に2つ並べる方法をご紹介します。 方法としてはCSSで並べる方法とtableタグを使って並べる方法があると思いますが、今回は簡単な「table」タグを使った方法をご紹介します。 横並びのイメージは、この記事の下段に配置している広告が横並び広告となります。 レクタングル広告を横並びに設定する方法 <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> 広告タグ1 </td> <td> 広告タグ2 </td> </tr> </table>上記のようにtableタグを記述し「広告1」と「広告2」に掲載したい広告タグを入力すればO.Kです。 広告と広告の間の余白分を変更するの

    レクタングル広告を横並びにする方法
  • 1