【2017年最新版】はてなブログの記事中にアドセンスを自動挿入する方法

f:id:yuki___t:20171228025053p:plain

今回はコピペ一発で記事中にアドセンス広告を入れる方法を紹介していきます。

これ本当に便利なので、ぜひ導入してみてください。

このスクリプトでは、はてなブログの記事中にGoogleアドセンスを自動挿入しつつ、ポイントサイト記事などアドセンス広告を貼るのにふさわしくない特定カテゴリでは広告を非表示にすることが可能です。

このスクリプトでできること

結構この2つを両立させることは難しかったのですが、こちらのサイト様で簡単にできでしまうということで、早速利用していきましょう。

www.kanamalu.com

広告配信までの手順

アドセンスからコードを取得する

まず初めにGoogleアドセンスから、記事中に挿入したい広告ユニットのコードを取得し、コピーします。このとき、既にヘッダーやフッターに利用している広告を使いまわさないようにし、新しく取得するようにしてください。

f:id:yuki___t:20171228205007p:plain

広告種別やサイズに制限は特にありません。 オススメはこちらを参考にしてください。

Google Adsense Makerに貼り付ける。

Google Adsense Maker for はてなブログ - まるとANAの旅事情にアクセスし、先ほどのコードをペーストします。

f:id:yuki___t:20171228205440p:plain

オリジナルのカスタムをする

自分のブログにあった設定にしていきます。

カスタムできる項目

1. 広告上に表示されるスポンサーリンク文字の"カラー"

2.広告上に表示されるスポンサーリンク文字の"文字サイズ"

3.アドセンス広告の挿入位置

オリジナルのコードを生成する

各種カスタマイズの入力を終えたら、『コードを自動生成する』をクリックします。

f:id:yuki___t:20171228205533p:plain

そうすると下部の枠にオリジナルコードが出力されます。

コードを全選択し、コピーします。

f:id:yuki___t:20171228210013p:plain

はてなブログ側に反映させる

オリジナルのコードを出力しコピーできたら、はてなブログに飛び、管理画面→『デザイン』を選択します。

真ん中のスパナマークをクリックし、記事上または記事下(どちらでも可)に貼り付けます。

特に何行目という制限はありませんので、適当で大丈夫です。

最後に

今回は、はてなブログGoogleアドセンスを自動挿入する方法を紹介しました。

こんなに簡単に挿入できるような素敵なシステムを作ってくださった方に感謝して、しっかり活用していきましょう。