[Cocoon] アフィリエイトタグの使い方とアフィリエイトリンクの入れ方

[Cocoon] アフィリエイトリンクの入れ方
アイキャッチ画像は
Thowe WehrによるPixabayからの画像

当記事では、アフィリエイトタグの使い方アフィリエイトリンクの挿入手順を説明します。

「アフィリエイト」とは?というポイントは以下の記事の目次1番で簡単に説明しています。

よく使いそうなアフィリエイトリンクは、まず「登録」

いくみ
いくみ

これをやらなくても、リンクは挿入できます。1回しかいれない、と思うリンクは登録は不要です。

いろんな記事・場所に挿入したい広告リンクに便利な機能です。

広告リンクをアフィリエイトタグとして登録

いくみ
いくみ

アフィリエイトタグは「広告リンクに設定できるショートコード」です。1度設定すれば、広告リンクをコピペしないで挿入できるようになります。

1.[Cocoon設定]で[アフィリエイトタグ]をクリック。

Cocoon アフィリエイトタグ設定手順、新規追加

2.[新規追加]をクリック。

Cocoon アフィリエイトタグ設定手順、新規追加

3.以下のような画面になります。

Cocoon アフィリエイトタグ設定手順、タイトルと内容を入力

3-1.表示ラベルとなる[タイトル]を入力します。ここで設定したタイトルをドロップダウンリストから選択することになるので、分かりやすい名前をつけましょう。(私はアフィリエイトサービスプロバイダーの名前・商品・サイズもやタイプを簡単に名前に入れました。)

3-2.登録したい広告リンクをASPのアカウントからコピーして、[内容]のところに貼り付けます。(コピーの方法は各ASPのマニュアルを参照しましょう。)

4.[保存]をクリックでできあがり!挿入方法は次のステップです。

いくみ
いくみ

挿入するたびに、ASPのサイトからリンクをコピーしなくてもよくなります。

とっても楽ちん!

[記事内] アフィリエイトタグの挿入方法 ① ~ ドロップダウンリストで

1.新しいブロックで、プラスサインをクリック、スクロールバーを下げて[フォーマット]メニューを表示させます。[クラシック]をクリック。

アフィリエイトタグをドロップダウンリストから挿入する方法、フォーマット>クラシックを選択

2.最下段の真ん中、[アフィリエ…]をクリックすると、登録したタグがリストされています。選ぶだけ![下書きとして保存]して[プレビュー]で確認してみてくださいね。

アフィリエイトタグをドロップダウンリストから選択

登録したのにリストされない!という場合

1度、その投稿画面を保存して閉じます。新しく開きなおしてから表示すると、リストされているはずです。

[記事内・記事外] アフィリエイトタグの挿入方法 ② ~ ショートコードで

1.[アフィリエイトタグ管理]で[一覧ページへ]をクリックすると、登録したアフリエイトタグが表示されます。ショートコード部分をコピー。

Cocoon アフィリエイトタグの挿入方法、一覧ページでショートコードをコピー

2-A.記事内に挿入したい場合

挿入したいブロックに貼り付けます。編集画面では以下のように見えると思いますが、[下書きとして保存]をして[プレビュー]で確認すると、アフィリエイトの広告が表示されています。

Cocoon アフィリエイトタグの挿入方法、編集画面でのショートコードの見え方

2-B.記事外に挿入したい場合

[外観]>[ウィジェット]から、[広告]ウィジェットを好きな場所に追加して、ショートコードを貼り付ければOK。画像付きの説明は、目次の3番をご覧ください。

[記事内] タグを使わないで、アフィリエイトリンクを入れる方法

アフィリエイトタグを登録していない場合の方法です。

0.ASPプロバイダーのサイトで、挿入したい広告リンクをコピーします。(このステップのタイミングは、後でも良いです、お好きなところで。)

1.アフィリリンクを入れたい記事の編集画面を開きます。

2.画面右上の1番右に、縦にマルが3つ並んでいるアイコンがあります。クリック。

アフィリエイトリンクを記事内に挿入する方法、コードエディターに切り替え

3.この記事をお読みの方は、以下のように[ビジュアルエディター]にチェックが入っているかと思います。[コードエディター]をクリックしてください。

アフィリエイトリンクを記事内に挿入する方法、コードエディターを選択

4.表示された[コードエディター]の編集画面に、コピーしてあったアフィリリンクを貼り付けます。[下書きとして保存]をクリックすれば完成です!

いくみ
いくみ

プレビューで確認してみてくださいね。

ビジュアルエディターに戻す方法は、上の方法と同じです。縦にマルが3つ並んでいるアイコンをクリックして、[ビジュアルエディター]をクリック。

コピーする「場所」ですが、段落の切れ目が分かりやすいと思います。目印となるような文を書いて、その下に挿入します。

以下の画面では、「例えばこんな感じ。」という文の後に貼り付ける例。
その文の下に貼り付けるだけです。文中の場合は入れたい単語の後に。

アフィリエイトリンクを記事内に挿入する方法、コードエディターでの挿入場所

例えばこんな感じ。

コードエディターの見た目がなんか怖い方

いくみ
いくみ

コードエディター表示に慣れないと、最初はちょっと緊張ですよね。

先述の「アフィリエイトタグ」機能を利用するのが1番です。

でも、「1回きり」リンクで、タグを作らない場合。

何も書いていない新規のページ」にべたべたとアフィリリンクを貼ってから記事を書くと、いろんなコードを目にしなくてすみますね。(アフィリリンクのコードだけですみます。)

貼り終わったらビジュアルエディターに戻して、その前後にブロックを追加していつも通りに記事を書けます。

アフィリリンクの消し方はいつもと同じで、そのブロックごと消せばOK。

一度入れてしまえば、複製もできます

ブロックの移動機能も使えるので、先にべたべた入れておいても、後から自由に動かせます。

[記事外(サイドバーや記事下など)] アフィリエイトリンクを入れたい ~ 広告リンクとショートコード

0.挿入したい広告リンク(ASPのサイトから)、もしくは登録した「ショートコード」をコピーします。(このステップのタイミングは、後でも良いです、お好きなところで。)

1.[外観]>[ウィジェット]を選択。

記事外にアフィリエイトリンクを挿入する方法

2.左サイドにあるウィジェットから、[広告]・[広告(PC用)]・[広告(モバイル用)]・[テキスト](追記)のどれかをお好みで選び、▼をクリックして、配置したい場所をクリック。

記事外にアフィリエイトリンクを挿入する方法、ウィジェットを選択

追記:広告エリアに「タイトル」を付けたいときや、説明を追加したいときなどに[テキスト]ウィジェットが便利です。

設定例:

仕上がり例:

文字を入れることも可能です。(私はスッキリさせたくて、入れていませんが、例えば。)

設定例:

仕上がり例:

3.例として、[[C] 広告(PC用)]で、[サイドバー]を選びました↓。(サイドバーに表示する場合、携帯だとほぼ目に入らないと思うので、PCだけにしてみました。)

記事外にアフィリエイトリンクを挿入する例

4.広告タグのスペースに、アフィリエイトの広告リンクを貼り付けます。もしくは、登録したアフィリエイトタグのショートコードを貼り付けます。

記事外にアフィリエイトリンクを挿入する方法、広告リンクの貼り付け

5.貼り付けたら、[保存]ボタンを押して、[完了]をクリック。プレビューで確認しましょう。

複数の広告を貼りたいとき

以下のように、同じウィジェットボックスで複数貼り付けられます。

おわりに

ブログでアフィリエイトをする、というのは、自分のセレクトショップを開店するということに例えられると思います。

(「セレクトショップ」は和製英語で通じないそうです。)


「セレクトショップのオーナー」になるなんて、普通はどれだけ資金がいることか。

「ライター」になりたかったら、どれだけ修行が必要か。

ブログってすごいなと思います。

いくみ
いくみ

コンセプトや商品を考え中です。

コメント

タイトルとURLをコピーしました