あなたはどのサイトのアフィリエイトを貼っていますか?
Anazonと楽天の2社だけという方も多いと思います。
私もその2社でしたが、ヤフーショッピングが出店料無料という事もあり、ヤフーショッピングの出店数と利用者が激的に伸びています。
また、ヤフーショッピングは使用用途が多い「Tポイント」も使えるのが大きなメリットの1つですね。
そんなヤフーショッピングのアフィリエイトはバリューコマースのみが取り扱っており、ヤフーショッピングのアフィリエイトを貼るには
バリューコマースへの登録が必要です。
ここで、「カエレバ」はご存知ですか?
かん吉さんが開発されたブログパーツで、商品名を検索すればアフィリエイトパーツを自動作成してくれる便利なツールです。
その『カエレバ』で作成したブログパーツに関して、ヤフーショッピングのアフィリエイトが自動で挿入されると便利な機能がリリースされています。
しかも、新しく追加したパーツだけではなく、過去記事も含めてヤフーショッピングのアフィリエイトを自動してくれます。
しかも期間限定(2019年2月13日(水)~2019年4月15日(月))で、自動挿入機能を利用した方に抽選で1,000名様に1,000円のボーナス報酬をプレゼント中です。
ちなみに下記の蒙古タンメンは『カエレバ』から楽天市場とAmazonのみリンクを貼った状態ですが、ヤフーショッピングが自動で追加されていると思います。
1ケース 12個セット蒙古タンメン中本 辛旨味噌タンメン 118g
なお、この蒙古タンメンに納豆を入れて食べる方法が激ウマで、「マツコの知らない世界」やSNSなどで話題です。
私も小腹が空いたら蒙古タンメンに納豆入れて食べていたりします。
前置きが長くなりましたが、今回はこのヤフーショッピング自動挿入機能の方法について説明したいと思います。
また、自動追加されるヤフーショッピングのデザインをカスタムする方法についても説明します。
こんな方におすすめ
- ヤフーショッピングのアフィリエイトを貼りたい
- カエレバのパーツにヤフーショッピングを自動挿入する方法を知りたい
- 追加されるヤフーショッピングのデザインを変更したい
バリューコマースへの登録
step
1メールアドレス登録
step
2会員情報登録
step
3登録完了!
ヤフーショッピングのアフィリエイトは
カエレバ×ヤフーショッピング自動挿入機能の使い方
バリューコマースへの登録が済んだら、『カエレバ×ヤフーショッピング自動挿入機能』を設定します。
手順は下記の通りとなります。
step
1管理画面にログイン
step
2ヤフーショッピングと提携
step
3『LinkSwitch』JSタグの取得
step
4『LinkSwitch』JSタグを<head></head>内に貼る
step
5『カエレバ×ヤフーショッピング自動挿入機能』ページから利用開始
step
6カエレバにヤフーショッピングが自動挿入されているか確認する
順に説明していきます。
バリューコマース管理画面にログイン
会員登録が済んでいない方は、こちらから会員登録をしてください。
新規登録の方はサイト審査が完了したら、バリューコマースの管理画面へログインします。
ヤフーショッピングと提携
管理画面へログインしたら、ヤフーショッピングと提携します。
ヤフーショッピングと提携したら、【広告素材を選ぶ】ボタンをクリックします。
『LinkSwitch』JSタグ取得する
『広告管理/ツール』→『LinkSwitch』→『LinkSwitch設定』をクリックします。
注意事項を読み、【LinkSwitchを利用開始する】ボタンをクリックします。
『LinkSwitch』のJSタグが表示されたら、【コードを選択】ボタンをクリック後、コピーします。
【LinkSwitchのJSコードサンプル】
<script type="text/javascript" language="javascript"> var vc_pid = "●●●●●●●●●"; </script><script type="text/javascript" src="//aml.valuecommerce.com/vcdal.js" async></script>
※●●●●●●●●●はあなたのID
『LinkSwitch』JSタグを<head></head>内に貼る
先ほどコピーした『LinkSwitch』のJSタグを<head></head>内に貼ります。
<head></head>はWordPressの場合、一般的に、『テーマヘッダ(header.php)』というファイルに存在します。
※お使いのテーマによって場所が異なるので、詳細はお使いのテーマの説明書などをご覧ください。
WordPressのダッシュボードメニューの『外観』→『テーマの編集』をクリックしてください。
右側に表示される【テーマファイル】の一覧から『テーマヘッダー(header.php)』をクリックします。
『テーマヘッダー(header.php)』の編集画面で、『Ctrlキー + F (MacはCommandキー + F)』を押し、『</head>』を検索します。
</head>の直前に先ほどコピーした『LinkSwitch』のJSタグを貼り付けます。
『カエレバ×ヤフーショッピング自動挿入機能』ページから利用開始
『広告管理/ツール』→『カエレバ×Yahoo!ショッピング』をクリックします。
『カエレバ×ヤフーショッピング』ページに移行したら、注意事項などを読み、【利用開始する】ボタンをクリックします。
カエレバにヤフーショッピングが自動挿入されているか確認する
これまでに『カエレバ』で作成したブログパーツもしくは、新規で作成したブログパーツにヤフーショッピングが挿入されているか確認します。
カエレバのブログパーツを装飾する
カエレバに自動挿入されたヤフーショッピングのリンクを装飾したい場合、CSSでは「div.shoplinkyahoo a」でカスタムできます。
CSSが分からないという方はこちらの記事で直感的にリンクを装飾して、気に入ったらそのCSSを自動出力してくれます。
-
【CSSの知識不要】リンクボタンを好きなようにカスタマイズ
あなたはリンクを貼るときにどのような表示にしていますか? 私は自作していましたが、手間がかかるので、もっと簡単にリンクボタンを作りたいなと思いました。 なので、作っちゃいました! CSS ...
続きを見る
この記事で、好きなデザインとなるように【デザイン編集】メニューを色々と変更してください。
【データ編集】メニューのクラス名は「div.shoplinkyahoo a」、表示文字は「yahooショッピング」と変更します。
気に入ったデザインが出来たら、【データ反映】ボタンを押して、出力されたCSSをコピーします。
出力されたCSSを貼り付けるときは、下記を修正してください。
「a.divshoplinkyahoo a」
↓先頭の「a.」を削除
「divshoplinkyahoo a」
設定したCSSが自動挿入されたヤフーショッピングのリンクに反映されているか確認してください。
ヤフーショッピング報酬2倍キャンペーンに応募
これらが設定出来たら、ヤフーショッピング自動挿入機能を利用するだけで抽選で1,000名様に1,000円ボーナス報酬があります。
更にヤフーショッピング報酬2倍キャンペーンも同時開催しているので、そちらも応募しておくことをおススメします。(期間は2019年2月13日(水)~2019年4月25日(月)