ブログ

カエレバからカッテネに変更してみたら最高だった


カエレバ」がうまくいかなくなって、「カッテネ」を使ってみました。

一つ一つリンクを自分で挿入していかなかればいけない

という事で、最初すごく苦戦しました。

最初はカエレバより手間だと思ったけど、一度うまくいくと後はスムーズにできてすごく簡単です。

シワユリ
シワユリ
デザインも、使い方も「カッテネ」の方がわたしは好きです

わたしの様に、はじめの方で苦戦してる方のお役に立てたらといいなと思います。

下記はわたしの登録しているASPです。

  1. もしもアフィリエイト 楽天市場、Amazon、Yahoo!同時に商品リンクを作れちゃう!
  2. A8.net  2019年アフィリエイト満足度ランキング9年連続1位!
  3. バリューコマース  国内最大級のアフィリエイトネットワーク。

「カッテネ」のいいところ

カッテネというツールを知ったのはつい最近です。

もっと早く気付きたかった!!。

最初は難しそう…と思いましたが、慣れたら超最高です(^-^)

見た目がすごくきれい
ツールのサイト表示がない
慣れるとサクサクスムーズにできる

詳しい説明はカッテネのサイトをご覧ください。

「カッテネ」製作者様のサイト

WordPressで「カッテネ」の準備

 

インストール

プラグインの新規追加で「kattene]と入力しインストール。

有効化を忘れないでくださいね。

ショートコードをAddQuicktagに保存

テーマによっては表示が崩れるという意見もあったのですが、わたしが使ってるJINのテーマでは今のところ、大丈夫そうです。

下記のコードをAddQuicktagに保存します。

Amazon、楽天、Yahoo!の場合
[kattene]
{
"image": "【ここに商品の写真】",
"title": "【ここに商品のタイトル・説明】",
"sites": [
{
"color": "orange",
"url": "【ここに商品URL】",
"label": "Amazon",
"main": "true"
},
{
"color": "red",
"url": "【ここに商品URL】",
"label": "楽天"
},
{
"color": "blue",
"url": "【ここに商品URL】",
"label": "Yahoo!"
}
]
}
[/kattene]

①設定→②AddQuicktag→③ラベルを分かりやすく入力→④ショートコードをペースト→⑤チェック→⑥保存

これでエディタですぐ入力できますね(^-^)

URLを貼り付けする箇所の確認

画像の①〜⑤に順番にURLを貼っていきます。

①と②はメインなのですが、特に開いてほしいURLを入れておくといいそうなので、わたしはAmazonのURLを貼っています。

「Evernote」アプリをダウンロードする

ASPサイトなどで商品リンクを表示してソースを見て

シワユリ
シワユリ
どこが画像のURL?商品URLは?どこがタイトルかわからない・・・

と、なりませんか?

そういう方はリンクを貼れる「Evernote」アプリを使うのがオススメです。

ふだん記事を書く為に使用してたのですが、これに一旦ペーストしてからやると、分かりやすいという記事を見つけたので真似をさせて頂きました。

evernoteのサイト

わたしのEvernoteのページです

分かりやすいように、アマゾン楽天Yahoo!で区切りそれぞれに商品リンクのソースをコピペします。

シワユリ
シワユリ
リンクの箇所が青文字になって表示されるから、分かりやすい!!

「Evernote」へ貼り付ける手順


使わなくてもリンクの見分け方がわかる方は、ここを飛ばして読んでくださいね。

1.Amazonのリンクから始めます

 もしもアフィリエイトを使ってます。

1) 商品リンクを表示します。

2)「種別」を画像+文字にする。

3)画像サイズをにする。

4)ソースをEvernoteにコピぺ

2.楽天の商品リンクをコピペ

 もしもアフィリエイトを使ってます。

1)商品リンクを出したら特にいじる事なく、ソースをEvernoteにコピぺ

3.Yahoo!の商品リンクをコピペ

バリューコマースを使っています。

1)商品リンクを出したらコードをEvernoteにコピぺ

すべてコピペが終わった状態が下記の画像です。

商品リンクを順番に貼り付けしていきましょう

シワユリ
シワユリ
【ここに〜】の部分に貼り付けです。【】も消して下さいね。

1.商品画像のURLを貼っていきます

1)Evernoteのアマゾンの赤枠の箇所にカーソルを合わせて、右クリックし「リンクをコピー」をクリック。

2)コピーしたアドレスをショートコードの①部分にペースト

2.商品のタイトルまたは説明を貼り付けます

1)Evernoteのアマゾンの赤線を範囲指定しコピー。

2)コピーしたアドレスをショートコードの②部分にペースト

3.商品のURLを貼り付けます

1)Evernoteのアマゾンの赤枠のURLにカーソルを合わせて右クリックし、「リンクをコピー」をクリック。
ちょっと見にくいですね。「af.〜E40」までです。

2)コピーしたアドレスをショートコードの③部分にペースト

シワユリ
シワユリ
ここまでで、ちゃんと表示されるか見てみましょう。

画像の様になりましたか?

①の画像、②のタイトル、③の商品リンクをクリックして、すべてサイトに飛べばOKです

どこかに間違いがあると下のような表示が出ます

文字「,」など抜け落ちてないか、貼り付けの際「""」も消してしまってないか、確認してみて下さい。

エラーだよ!

楽天の商品リンクを貼り付けましょう

Amazonがちゃんと表示できたら、楽天のリンクを貼っていきましょう。

1)Evernoteの楽天の赤枠のURLにカーソルを合わせて右クリックし、「リンクをコピー」をクリック。
af.〜2F」までです。

2)コピーしたアドレスをショートコードの④部分にペースト

シワユリ
シワユリ
ここまでで、ちゃんと表示されるか見てみましょう。

④の楽天をクリックして、サイトにとべばOKです。

Yahoo!の商品リンクを貼り付けしましょう

Amazon、楽天のリンクがちゃんと表示できたらYahoo!のリンクを貼っていきましょう。

1)EvernoteのYahoo!の赤枠のURLにカーソルを合わせて右クリックし、「リンクをコピー」をクリック。
ck.〜fb0」までです。

2)コピーしたアドレスをショートコードの⑤部分にペースト

シワユリ
シワユリ
ここまでで、ちゃんと表示されるか見てみましょう。
 

⑤のYahoo!をクリックして、サイトにとべばOKです。

Amazon、楽天、Yahoo!のリンクをすべて貼ったコード

下記がすべてのリンクを貼ったコードです。

[kattene]
{
"image": "https://images-fe.ssl-images-amazon.com/images/I/31xjVlWUHOL._SL160_.jpg",
"title": "伊勢藤 日本製 折りたたみ ランドリーバスケット ACOT(アコット) ホワイト I-541",
"sites": [
{
"color": "orange",
"url": "http://af.moshimo.com/af/c/click?a_id=1343967&p_id=170&pc_id=185&pl_id=4062&url=https%3A%2F%2Fwww.amazon.co.jp%2F%25E6%258A%2598%25E3%2582%258A%25E3%2581%259F%25E3%2581%259F%25E3%2581%25BF-%25E3%2583%25A9%25E3%2583%25B3%25E3%2583%2589%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%2590%25E3%2582%25B9%25E3%2582%25B1%25E3%2583%2583%25E3%2583%2588-ACOT-%25E3%2582%25A2%25E3%2582%25B3%25E3%2583%2583%25E3%2583%2588-I-541%2Fdp%2FB019115E40",
"label": "Amazon",
"main": "true"
},
{
"color": "red",
"url": "http://af.moshimo.com/af/c/click?a_id=1343961&p_id=54&pc_id=54&pl_id=616&url=https%3A%2F%2Fitem.rakuten.co.jp%2Fmount-plus%2Fv3541124%2F&m=http%3A%2F%2Fm.rakuten.co.jp%2Fmount-plus%2Fi%2F10009689%2F",
"label": "楽天"
},
{
"color": "blue",
"url": "http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3466828&pid=885970218&vc_url=https%3A%2F%2Fstore.shopping.yahoo.co.jp%2Fkurashi-arl%2F4966149541124.html%3Fsc_i%3Dshp_pc_search_itemlist_shsrg_title%26ea%3D13",
"label": "Yahoo!"
}
]
}
[/kattene]

ブログできちんと表示され、サイトにも飛びました。

 

シワユリ
シワユリ
ツイッターでも発信してるので、よかったらシワユリ(@shiwa_yuri)をフォローしてね♪

 

ABOUT ME
shiwayuri
男の子2人のママです。仕事のストレスで育児も家事もうまくいかず、怒ってばっかりが嫌になり、育児、家事に専念できる「自宅で仕事」を目標に初めての事に挑戦し始めた女です。 チビちゃん達が大好きです( •ॢ◡-ॢ)-♡