2015/07/27

Xeory Base|アドセンスをトップページの上下に貼る方法

 
カスタマイズ

Pocket

【この記事の所用時間:約 5 分】

 

Googleアドセンスをブログに張っている人は分かっていると思うのですが、
一つのページにアドセンスは3つまでと決まっているんですね。

で、恐らくブログの記事やらサイドバーなどに
アドセンスを埋め込むまではするんだと思うんですが、
案外トップページにまで手が行き届いていない人って
それなりにいるんじゃないかなって思いました。

 

ただ、とは言え僕自身も知識がある訳でなく、
テーマ編集で色々といじっていたら設置までは出来たので完璧ではないですw

むしろ不完全な状態ではある中でやってみた事なので
キレイに出来るやり方を知っているのであれば教えてもらいたいくらいです^^;

 

ちなみに、僕が今使っているテーマがXeory Baseなので、
それ以外のテーマを使っている方には役に立つ記事ではないかもしれないんですが、
一応自身の備忘録も兼ねて書き連ねていこうと思いました。

 

トップページにアドセンスを設置しようと思った理由

最近、アクセス解析をよく見るクセがついているんですが、
トップページにそれなりにアクセスがあるんですよね。

統計データ

統計データ

 

「いや、それ当たり前じゃんw」

と、まぁ普通は思われてしまうかもしれないですね笑。
だって、一番最初に目につくページですし。

 

ただ、普段だったらそれだけで済ませてしまうんですが、
最近アクセス解析を観察したり、アドセンスについて勉強し直したりで
ちょっともったいないなって感覚になったんですね。

 

それはなぜかって言うと、トップページにアドセンスが貼れて無いんです。

僕もそうだったんですが、記事に貼付ける事までは意識はいくものの、
トップページにアドセンスを貼るという発想自体が無かったんですね。

で、そのアドセンスを貼る前の画像がこちらです。

 

ホーム画面

ホーム画面

 

普段見慣れているせいか、違和感が無くて当たり前だと思っていました。

ただ、色んな方のブログを見てトップページにもアドセンスを貼っている人がいたので
ネットでググったりしてどうにか探したものの、Xeory Baseではやり方が見つかんなかったんですね。

恐らくプログラミングの知識があれば理屈が分かってすぐに設置出来ると思うのですが、
生憎そういった知識を持ち合わせていなかったので、
バグを起こさない程度に色々と実験をしてみました。

そこで出来たのがこのようになったんですね。

 

ホーム画面にアドセンスを設置

ホーム画面にアドセンスを設置

 

どうにかグローバルメニューと記事の間にアドセンス広告を挟む事に成功しました。

途中、画面が真っ白になって慌てて元に戻したりしたんですが(汗)、
コードを書き直してもう一度やり直しながら検証した結果、
ひとまずこのカタチに落ち着く事が出来た訳なんです。

では、ここからはそのやり方についてご説明をしていきたいと思います。

 

index.phpにアドセンスコードを書き足していく

ここから先は自己責任という事もありますので、
バックアップは念のためしておいて下さい。

 

まずはあらかじめトップページに貼るアドセンスコードをコピーして置いてください。
一応おススメとしては728×90のサイズが良いんじゃないかなって思います。

次に、WordPressのダッシュボードから外観→テーマの編集を押します。
そこからテンプレートのindex.phpを探してクリックをします。

 

index.phpのコードが表示されたら、コードの最上部に

 

<div id=”content”>

<div class=”wrap”>

 

と記されているところがあるので、
これらの間にご自身のアドセンスコードを貼付けます。

 

ただし、それだと広告が左端に寄ってしまうため、
あらかじめ中央寄せにしておくといいでしょう。 

 

記入が出来たら「ファイルの更新」ボタンを押して
実際にページに反映されている事を確認しておいてください。

 

トップページ下部にアドセンスを貼る方法

先ほどと同じように、
と、ご自身のアドセンスコードをあらかじめコピーしておいてください。

 

今度はコードを最下層までスクロールをします。
するとこのようなコードが見つかります。

 

<div class=”wrap”>

<div id=”content”>

 

先ほどと同様にこのような記述がされているので、

それらの間に配置を済ませます。

 

ちなみにこんな感じになりますね。

ホーム画面下部にアドセンスを設置

ホーム画面下部にアドセンスを設置

 

まとめ

理想であれば記事と記事の間にアドセンスを埋め込みたい所だったんですが、
Stinger5では出来るものの、Xeoryでのやり方が見つからなかったため、
自己流でなんとか頑張ってみました。

ほんとはもっとガッツりと学んだ方が良いのだと思いますが、
知識が伴わかったとは言え、運良く辿り着きました。

今回はその報告を兼ねた備忘録のようなものですね。

ではでは。

 

 

  関連記事 - Related Posts -

 

  最新記事 - New Posts -

 

Message