キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

STINGER5 でアドセンスを記事内に導入するときの注意点

      2015/06/30

アドセンスの最適なレイアウトを導入したキャリコ( @calicocatxyz )です。

正確には最適であろうレイアウトということになりますが、こればっかりはデータを取って検証してみないことにはわかりません。そんなアドセンス、キャリコでは記事内に挿入することにしたのですが、導入時の注意点をラテに説明してもらいます。それじゃあ、よろしくね♪

こんにちは、ラテにゃ。

STINGER5 の生みの親である ENJI さんも記事で書いてるように、記事内と記事下の縦並びの配置がいいとのことで真似したにゃ。

Googleアドセンス収入の目安とアクセス数(PV)の関係

どれぐらいのアクセスでいくらのアドセンスが稼げるのか?という記事は今まで沢山見て …

enjiout.com

Ads by Google

アドセンスを記事内へ挿入する方法

functions.php にアドセンスのショートコードを記述する

functions.php に以下のコードを記述するにゃ。

そうすると投稿画面で [adsense] と入力すれば挿入されるにゃ。このショートコードは前に紹介したプラグイン、AddQuicktag に設定しておくとワンクリックで呼び出すことが出来るにゃ。

WordPress のプラグイン AddQuicktag で作業効率大幅アップ!

最近ずっとひきこもりがちのキャリコ( @calicocatxyz )です。 イギ …

calico.xyz

記事内に挿入されるアドセンスはスマホに合わせてレクタングル(中)(300×250)を採用してるにゃ。

記事内のアドセンスを中央寄せにする

アドセンスを挿入して記事を確認してみたらちゃんと挿入されていたにゃ。ただ、スマホでの表示がはみ出してたのが気になって、調べたらこのブログに中央寄せにする方法が書いてあったにゃ。

STINGER5でアドセンスを記事内へ、サイドバーに別の広告をカテゴリ別に入れてみた

1ページあたり3つの広告を設置できるアドセンス。STINGERでは記事下に2つ、サイドバーの一番上に1つ、計3つが簡単に配置ようになっています。しかしSTINGER作者のENJIさ … more

shufulife.com

ショートコードに追記

変更したのは色を付けた3行目と6行目にゃ。

CSS に記述

ブログを参考にこの設定をしてスマホで確認してみると… ち、中央寄せになってないにゃ!これを解決するために次のことをしたにゃ。

注意点

CSS の記述で『 /*レイアウト スマートフォン 』って部分の真下にある『 #wrapper 』の指定を『 padding: 0; 』に変えたにゃ。

こうすることで左右の余白がなくなって綺麗に中央に表示されるにゃ。

まとめ

アドセンス広告は見やすいこと、端に寄ってたり切れているなんてもってのほか、っと ENJI さんも言ってる通り STINGER5 でアドセンスを記事内に導入するときの注意点を紹介したにゃ。

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - STINGER5 ,

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

1
STINGER5 のブログ説明文の重要性について

誰にも気づかれない自己満足カスタマイズ続行中のキャリコ( @calicocatx …

1
ファビコンを設定したならアップルタッチアイコンも作ろう

iPhone の Safari に自分のブログをブックマークしたキャリコ( @c …

STINGER5 の誰にも気づかれない自己満足カスタマイズ

Hello, キャリコ( @calicocatxyz )です。 そろそろ STI …

STINGER5 の記事公開日の後ろに「 あとで読む 」の Pocket リンクを挿入する方法
STINGER5 の記事公開日の後ろに「 あとで読む 」の Pocket リンクを挿入する方法

体重がどんどん落ちていく、キャリコ( @calicocatxyz )です。 何も …

Photo credit : instagram, muradosmann
STINGER5 で各 SNS のフォローボタンを美しく綺麗に配置する方法

Instagram デビュー迷い中のキャリコ( @calicocatxyz )で …

ファビコンがオリジナル画像で作れるアイコン作成サイトまとめ
ファビコンがオリジナル画像で作れるアイコン作成サイトまとめ

最近どうやら欲求不満なキャリコ( @calicocatxyz )です。 見た夢を …

STINGER5 で CSS をカスタマイズ可能にする子テーマの作成

病院で出される食事が日本食で驚いてるキャリコ( @calicocatxyz )で …

1
STINGER5 の記事下にダブルレクタングルをキレイに表示させる方法

絶賛求職中のキャリコ( @calicocatxyz )です。 就職難なんて言葉ど …

1
キャリコの誰にも気づかれないこっそり自己満足カスタマイズ

いつの間にかシリーズ化、キャリコ( @calicocatxyz )です。 自己満 …

STINGER5 の原型を崩さずに細かい部分をカスタマイズしてみた

1日に心電図と血圧と採血が3回もあって、げんなり中のキャリコ( @calicoc …