ブログで記事をある程度作成したら、アフィリエイトを設定したくなると思います。今回はCocoonでの設定方法を解説します。
なお各アフィリエイトへの申請は当ブログの範疇外となりますので、各自行ってください。
広告元のタグをコピーする
ここではバリューコーマスを例に解説しますが、A8.netや楽天などでも同様に<head>内に記述するタグと、広告を表示させたいところに記述するタグがあると思います。
![アフィリエイトのコード](https://butaoji-pcblog.com/wp-content/uploads/2021/02/8c3271d4d99387c3cdd5789681a92db8.png)
これをコピーしてWordpressの出力部分に張り付けるのですが、Cocoonならばファイルをいじらなくても簡単に設定できます。
Cocoonの設定で<head>内にタグを記述
<head>用のタグをコピーしたら、ダッシュボードのCocoon設定を開きます。上部のタグから「アクセス解析・認証」を選択します。
![Cocoonの設定](https://butaoji-pcblog.com/wp-content/uploads/2021/02/4dd9090381315073815eb552ef23f00d.png)
下の方にスクロールさせて、「その他のアクセス解析・認証コード設定」を表示させます。「ヘッド用コード」の欄に先ほどコピーした認証コードをペーストすれば、内に広告コードが入るようになります。
こちらは一度設定すればあとは変更しなくても大丈夫でしょう。
記事内にアフィリエイトのコードを貼り付け
次に広告の入る位置に、広告コードを貼り付けます。
[ENTER]キーで空のブロックを作成し、[+]をクリックして「カスタムHTML」のブロックを作ります。
![カスタムHTMLのブロックを作る](https://butaoji-pcblog.com/wp-content/uploads/2021/02/ded5f3323af3db1c462dba937117c298.png)
カスタムHTMLのブロックに広告コードをコピーします。
![広告コードを挿入](https://butaoji-pcblog.com/wp-content/uploads/2021/02/d37f8223d60755d71002c2e7fbdfe66e.png)
これで記事にアフィリエイト広告が設置されました。
![広告が貼られた](https://butaoji-pcblog.com/wp-content/uploads/2021/02/dcd8d0383bb40f07781352e9bed0cae6.png)
この記事の下が実際の広告例です。コードはHTMLなので、ウィジェットに記述すればサイドバーや記事の上下にも設定できます。
コメント