アフィリエイトをするのに、アフィリエイトボタンを作りたいと思いますよね。

でも広告タグを改変すると違反になってしまうし、どうしたら広告タグを改変なしでボタンリンクができるんだろう？と悩むと思います。

でも、Cocoonならタグの改変なしでボタンリンクを作ることはとっても楽なんですっ！

今回はCocoonで広告タグの改変なしでボタンリンクを作る方法をご紹介します。

Cocoonの「囲みボタン」を使えば簡単

ASPにより若干の違いはありますが、基本広告タグの改変は違反になります。

かといってASPの広告タグでは惹きつけることができないのも実情です。

というかASPの広告タグでは目立ちませんよね。

そこで作りたいのがボタンリンクですが、前述の通りタグの改変は違反になるので、違反せずにボタンリンクを作る必要があります。

AFFINGER6ではちょっと面倒でしたが、Cocoonでは「囲みボタン」機能を使えば、とーっても簡単に改変なしのボタンリンクを作成することができます。

改変なしで広告をボタンリンク化する（ブロックエディタ）

今回作っていくのはこのボタンリンクです↓↓

A8.net

よく見かけるボタンです。

サイズは中で丸みを帯びていてキラっと光って目をひきます。

これをコピペだけで作って行きます。

どうですか？簡単そうですよね。

実際、初心者の人でもコピペするだけなので簡単にできます！

ブロックの追加

ブロックエディタの画面でブロックの追加をします

囲みボタンの作成

囲みボタンをクリックします

すると下記のようなものができます

これがボタンの基礎です

ASPの広告タグを取得する

ASPの広告タグを取得します。

このとき必ずテキストリンクを選んで下さい

広告タグをコピペする＆ボタン設定をする

先ほどASPで取得したタグを「リンクタグショートコード」にASPでコピーしたタグをコピペします。

そしてボタンサイズを選び（今回は中）、「円形にする」をオン、「光らせる」をオンにし、ボタンの色設定をします。

ボタンリンクの完成！

これでボタンリンクの完成です！

A8.net

まとめ

いかがでしたか？

ASPの広告タグをコピペするだけなので初心者の人でも躓くことなく作ることができたと思います。

これは、ASPの広告タグをCSSで形を整えただけなので、改変にはあたりません（広告タグはあくまでもHTMLなので。この辺の認識はわいひらさんと同じ考え方です）

「ボタンリンク作りたいけど難しそう〜」というのもCocoonでなら簡単に作ることができるので、ぜひチャレンジしてみて下さいね！

アドセンスに合格し、運用していて一番怖いのがいわゆる「アドセンス狩り」です。

アドセンス狩りにあって、広告配信に制限を食らってしまった…これ精神的ダメージ半端ないです。

私もアドセンスを利用して数年経ってからアドセンス狩りにあいました。

そんな目に会わないために必要なのがアドセンス狩り対策です。

対策の方法はどのテーマでも同じですが、コードの貼り付けなどはテーマにより若干違うので今回はCocoonとAFFINGER6を例にしてみました。

アドセンス狩りとは

まずはじめに、アドセンス狩りとはなんでしょうか。

アドセンス狩りとは、他人のアドセンス広告を停止させることです。

手段としては二種類あり、短時間での大量クリックまたは違法サイトに広告を貼り付ける、といった二種類です。

短時間でのクリックの中には悪意のない身近な人の応援クリックなども含まれるので要注意です！

なお、最近のアドセンスは広告を貼り付けるサイトを登録するので違法サイトに貼り付けられて配信停止になる心配はありません。

アドセンス広告の作り方

アドセンス狩り対策として使用するプラグインはAdSense Invalid Click Protector（AICP）とCode Snippetsを使用します。

AdSense Invalid Click Protectorをインストールする

プラグイン→新規追加で「AdSense Invalid Click Protector」を検索し、インストールする。

インストールしたら「有効」にする。

AdSense Invalid Click Protectorを設定する

インストールし有効化した「AdSense Invalid Click Protector」を設定します。

設定するのは枠で囲った3ヶ所です。

デフォルトでは、「3時間に3回クリックしたら7日間制限する」になっています。

この数値を好みに応じて変更しましょう。

ちなみに私はデフォルトのままです。

Code Snippetsをインストールする

プラグイン→新規追加で「Code Snippets」を検索しインストールします。

インストールしたら「有効」にする。

ショートコードを作成する

Snippets→新規追加でコードを作っていきます。

わかりやすいタイトルを入れ、大きな枠内にコードを貼り付けて行きます。

まず、コードの欄に下記コードを貼り付けます。

function ad01Func() {
if( aicp_can_see_ads() ) {
$adCode = '
<div class="aicp">ここにアドセンスコードを貼り付ける</div>
'; return $adCode; } else { return '
<div class="error">広告の表示がブロックされています。</div>
'; } } add_shortcode('ad01', 'ad01Func');

次に「ここにアドセンスコードを貼り付ける」の部分に貼り付けるアドセンス広告コードを取得します。

広告→広告ごとのユニット→＜＞

コードを取得したら、Code Snippetsのコード欄の「ここにアドセンスコードを貼り付ける」の部分にコードを貼り付けて下さい。

アドセンスコードを貼り付けると上記のようになります。

きちんと<div class=”aicp”>と<div>内に貼ってあります。

これで広告コードができました。

もし、広告コードを複数作りたい場合は、下記の数字個所を変えていきます。

「ad01」となっている3ヶ所を「ad02」、「ad03」のように数字を変えていきます。

アドセンス広告の貼り方

作成した広告コードは広告を入れたいところに［ad01］と入れることで広告が表示されます。

自動で広告を入れたい場合も基本は変わりません。

AFFINGER6

ウィジェット内

外観→ウィジェット→好きな場所に広告コードを入れる

広告を入れたいところに［ad01］と入力したSTINGERカスタムHTMLを入れればOKです。

見出し前

広告を見出しの前に入れたいということもあると思います。

AFFINGER管理→AFFINGER管理→Google・広告/AMP→見出し前に広告挿入

Cocoon

Cocoon設定→Cocoon設定→広告

広告ラベルは未入力にし、広告コードの欄に［ad01］と入力すればOKです。

ウィジェットで使用する

外観→広告に広告コードを貼り付け、好きなところに表示させます。

まとめ

アドセンス狩りはアドセンスに合格したらすぐにやっておきたい対策です。

でないと、私のように何年も経ってからアドセンス狩りにあってしまいますよ（対策が万全ではなかったです・汗）

広告コードを作る必要があるので初心者の人は難しく感じてしまうかもしれませんが、コピペでできるので頑張って下さいね。

未来

Cocoonを使っていてブログカードにするとCocoonの画像になっちゃうの、自分のブログ画像にできないのかな？

このブログでは、テーマにCocoonを使っているのですが、このままブログカードにすると、ブログカードイメージはデフォルトのCocoonの画像なんです。

例えば、こんな感じ…

ブログの設定を色々いじって、可愛く作って。

さぁ、完成！

なんですが、リンクするとブログカードの画像がデフォルトのCocoonイメージでちょっと寂しいですよね。

これ、自分のブログのイメージに変えたくないですか？

ということで、Cocoonでのホームイメージを変更する方法をご紹介します。

ホームイメージを変更する方法

① 管理画面で「Cocoon設定」→「Cocoon設定」

② 「OGP」タブを選択

③ 下部にあるホームイメージで好きな画像に変更します

④ すると画像が変更になるので、画像が反映され間違いがなければ「変更をまとめて保存」をクリックします

ホームイメージの確認の方法

① ブログのURLを入力

② 入力したら「プレビュー」をクリックします

③ アイキャッチの画像が先ほど変更した画像になっていればOKです

画像が変わらないとき

上記で画像は変わるはずですが、変わらないときは…

① 「Cocoon設定」→「キャッシュ削除」

② 「ブログカード欄」→「ブログカードキャッシュの削除」をクリックします

まとめ：Cocoonでホームイメージを変更する方法

ホームイメージ画像の設定は難しくなかったと思います。

画像がすぐに反映されなくても、焦らないでキャッシュをクリアすれば反映されるようになるので安心してくださいね。

ブログを色々カスタマイズしたものの、このホームイメージの変更は忘れがちなので、忘れないように設定しましょう。