Google™AdSense広告をlivedoor™ブログに設置する方法(PC・ブログパーツ)

livedoor™ブログを利用していて、HTMLの編集まではしたくないけど、
ちょっと表示するコンテンツを増やしたり、
Google™AdSenseなどの広告を挿入したいといった時ありますよね。
そんな時には、ブログパーツを利用したプラグイン形式で挿入すると簡単です。

はじめに

無料ブログサービスでカスタマイズをとなると、
様々な制約やルールの上で、編集をしていくことになります。

それぞれの無料ブログごとに編集の流儀があって慣れるまでは苦労が付きまといます。

利用規約の確認

こうした広告配信プログラムを無料ブログなどの他社サービスで利用する上で、
最初に確認するべきことは、利用規約の確認です。

livedoorブログでは商用利用に対して禁止事項を設けていませんので、
利用が可能であることはご存知のことでしょう。

念のため利用規約の確認を行ったことに関するご紹介は以下の投稿です。
Google™AdSense広告をlivedoor™ブログで利用する上の規約確認

広告ユニットの取得

GoogleAdSenseのコンテンツ広告の取得手順は以下の手順になります。
※サイトポリシー順守に伴い、GoogleAdSenseの画像に関してはご紹介できません。
また、下記の操作手順は2013/11/12現在の画面に対応しています。
（2013/11/22以降、新しい画面が公開されています、しばらくは併用が可能なようです）

1. GoogleAdSenseログインし上部の[広告の設定]タブをクリックします。
2. サイドバーに表示された[コンテンツ]-[広告ユニット]をクリックします。
3. 表示されたページに[＋新しい広告ユニット]のボタンが表示されますのでクリックします。
4. 広告に名前を付けます。
5. 広告サイズや広告タイプを選択します。
6. 広告のスタイルは必要があればサイトに合わせて修正します。
7. [保存してコード取得]をクリックします。

個人的にはTatsuo Ikura – Google+さんのサイトが綺麗でわかりやすいかなと思います。
広告コードの取得 – ぼくらのアドセンスデイズ

また、公式ヘルプにも十分書かれています。
広告ユニットを作成する – AdSense ヘルプ

取得した広告ユニットの設置

GoogleAdSenseの広告をlivedoorブログに対して設置するわけですが、
livedoorブログではHTMLの編集が認められていますので、
HTMLの直接編集にて設置するのも１つの選択だと思います。

HTMLを編集して設置する方法については、以下でご紹介しています。
Google™AdSense広告をlivedoor™ブログに設置する方法(PC・HTML)

またお勧めはしませんが本文の間に挿入する方法もご紹介しています。
Google™AdSense広告をlivedoor™ブログに設置する方法(本文挿入)

ここでは、livedoorブログのブログパーツを利用した設置方法をご紹介します。

設置前の状態

livedoorブログに対して、Google AdSense広告を設置する前の状態は、
以下のような状態になっています。（個別投稿画面です）

GoogleAdSense設置前の表示

ブログパーツの状態

livedoorブログのブログパーツページは以下のようになっています。

GoogleAdSense設置前のブログパーツ状態

設置方法

HTMLで挿入されている位置を確認することも可能です。
livedoor™ブログのHTML構造とタグ挿入位置の関係(を調べる方法)

広告設置エリアのサイズ確認

AdSenseスクリプトコードを貼り付ける前に、広告エリアのサイズを確認します。

貼り付けるGoogleAdSenseのスクリプトコードは、表示される場所にあったサイズを指定します。
その為、サイズに合ったAdSenseスクリプトコードを、それぞれGoogleAdSenseから取得してください。

表示エリアのサイズを調べる方法は以下でご紹介しています。
Google™Chromeを利用してサイトの構造とCSS定義を調査変更する方法

今回私のサイトの場合、サイドバーのサイズは幅が200pxとなっていますので、
幅が200px以下の広告ユニットを配置します。

ブログパーツの追加

マイページから[ブログ設定]をクリックし選択します。

マイページブログ設定選択

ブログ設定画面より[ブログパーツ]をクリックします。

ブログの設定ブログパーツ選択

ブログパーツをクリックすると、現在ブログに設定されているブログパーツが左に表示され、
右には、追加可能なブログパーツが表示されます。

ブログパーツ画面

画面をスクロールし、追加可能なブログパーツの部分にある、
[フリーエリア]のパーツを、Aまたは、Bのブログパーツを設定する部分へドラッグしマウスを離して配置します。

フリーエリアのドラッグ配置

AdSenseスクリプトコードの設定

追加した[フリーエリア]をマウスオーバーすると[設定]が表示されます。
[設定]をクリックして、フリーエリアを編集します。

フリーエリア設定の選択

フリーエリア設定のポップアップ画面が表示されますので、
フリーエリアの内容にGoogleAdSenseのスクリプトコードを貼り付けます。

ここでは設定していませんがラベルに対しては[スポンサーリンク]などの
文言を入れるといいでしょう。

また、下部のパーツの表示は[表示]を選択します。
設定が完了したら[保存する]をクリックしてブログパーツを保存します。

GoogleAdSenseスクリプトコードの貼り付け

保存が完了すると「保存しました」とメッセージが表示されます。

保存の確認メッセージ

ブラウザからブログの表示を確認すると、設定したGoogleAdSenseが表示されています。

ブログ表示の確認

位置合わせの調整

GoogleAdSenseを貼り付けただけでは、広告が左寄せになっていると思います。
センタリングをしたいような場合には、スクリプトコードの貼り方を工夫する必要があります。

GoogleAdSenseのセンタリングなどの位置合わせについては以下でご紹介しています。
Google™AdSense広告のレイアウトをCSSでセンタリングする方法
Google™AdSense広告ユニットのレイアウト別HTML・CSS一覧

念のため競合のチェック

GoogleAdSenseを設置するにあたっては、設置広告数に上限があります。
ディスプレイ広告ユニットで３個、リンクユニットで３個、検索ユニットで２個まで設置が可能です。

無料のブログサービスでは、既に何かしらの広告が表示されていると思いますが、
その外せない広告の配信元がGoogleではないことを確認しますが、
ぱっと見で設置されていることがわかります。

livedoorではGoogleAdSenseが採用されています。

既存GoogleAdSenseとの競合に注意

その為、私たちが追加できるコンテンツ広告は２つまでになります。
その他のリンクユニットなどは利用されていないようなので、
通常通りのリンクユニット３つ、検索ユニット２つまで追加が可能です。（* 以下追記参照）

その後、別のタイミングでサイトを確認しましたら、
「株式会社フリークアウトの広告」も同じエリアに表示されていました。
その為、このデフォルト広告はランダムに入れ替わるタイプのようです。

ですが、１つはGoogleAdSenseが挿入されるとして、
対応をしておく方が無難であると思います。

さいごに

広告をどこに表示したいかによって広告を挿入するプラグインカテゴリを変更したり、
ブログパーツを並べ替えて位置を変更したりすることができます。

簡単にブログパーツを利用してGoogle AdSenseを設置できるこうした仕組みは、
とても便利な機能ではないでしょうか。

ただし、こうしたプラグインによる挿入方法だけでは、
ブログのタイトルヘッダーの直下や、ブログフッターのすぐ上といった、
コンテンツの領域以外に挿入することはできません。
（※そうした形にHTMLが定義されているテンプレートがあれば別ですが）

自分が挿入したい位置に対して、GoogleAdSenseを挿入する場合には、
HTMLで編集されることをお勧めします。

その方法については、以下の投稿でご紹介しています。
Google™AdSense広告をlivedoor™ブログに設置する方法(PC・HTML)

参考

無料版ブログで自分のGoogle AdSenseを表示する　（抜粋引用）

無料プラン（アダルトカテゴリでは不可）でもアフィリエイト広告などは掲載可能ですが、お客様ご自身でGoogle AdSenseを掲載する場合には、管理画面の記事下広告の設定で「livedoor」を選択してください。LINE株式会社の掲載するGoogle AdSenseのIDと、お客様のIDの衝突を回避するためです。

無料版ブログで自分のGoogle AdSenseを表示させたい – livedoor ブログ ヘルプセンター

livedoorはLINE株式会社の登録商標（第４４５１５８５号）であり、
livedoorブログはLINE株式会社のサービス名称です。
livedoorロゴ、アイコンその他のマーク等はLINE株式会社の商標であり、LINE株式会社の著作物です。

Google™はGoogle Inc. の登録商標（第４４７８９６３号及び第４９０６０１６号）です。
GoogleロゴはGoogle Inc. の国際登録商標です。
国際登録番号：８８１００６及び９２６０５２及び１０８６２９９及び１０９１９９０及び１１４５９３４
Google AdSense™,AdSense™はGoogle Inc. の登録商標（第４８９９４１２号）です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください

最後までお読みいただきありがとうございました。

お勧めさせて頂きたい投稿です

• 【巧妙な仕組】Google+へAndroidの写真が勝手にアップロードされてしまう流れは設定ミスではない

• JetPackサイト統計データが消えた場合に復活する手順(してもらう)

• 【待望】WALLET ポイントがauID(au電話番号)間で相互にやりとりできるようになりました

• 禁断の機能がau公式解禁！WALLETポイントの現金化がついに開放。

• 何もしないと、auポイントが2014/05月分以降は携帯利用料から付与されなくなります

• au WALLET™カードはauを解約してもプリペイドとして使い続けられるが、有効期限には注意

• じぶん銀行が動いた！コンビニATM利用が無料・他行振込無料（回数制限なし）で使える

• 【旬】「白すぎる」と賛否両論？姫路城見るなら今秋がおすすめ！その理由は？｜castlehimeji.com

• Google+の投稿が勝手に自動でブログになっていくPluCialが便利



アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介

すべて展開 | すべて省略

Rakuten Promotion

ページ

すべて展開 | すべて省略