いつでもラクラク無料でスタート!アフィリエイトレポートについて

スマホから、あなたのブログやホームページにあわせて、バナーの種類や画像サイズを選べるアフィリエイトリンクの作り方や貼り方をご紹介します。

目次

スマホから商品リンクを作成する

ステップ1 検索窓からキーワード検索

検索窓に探している商品の「キーワード」を入力し、検索をしてください。

キーワードで商品を検索をする

▼「スマホ版の楽天アフィリエイトトップページ」のキャプチャです

紹介したい商品やショップが決まっている場合は、商品名やショップ名をそのままコピーして貼り付けていただくと、検索結果が絞り込まれ、効果的に検索ができます。

ステップ2 検索結果から商品を選ぶ

ステップ3 アフィリエイトリンクを作成する

掲載したい商品を見つけたら「リンクを作成」をクリックしてください。

掲載したい商品を見つけたら「リンクを作成」をクリック

▼「商品検索画面」のキャプチャです

その商品の「商品リンクを作成」ページが表示されます。

「商品リンクを作成」ページ

▼「アフィリエイトリンク作成ページ」のキャプチャです

  1. プレビュー

    ➁~④で編集した箇所がそのままリアルタイムでプレビューに反映されます。

  2. リンクタイプを選択する

    以下の3つのタイプが選択できます。
    ・画像とテキスト
    ・画像のみ
    ・テキストのみ

  3. サイズを選択する

    画像リンクを作成する場合には、[400x400] [300x300] [240x240] [128x128] [80x80] [64x64] の6種類から選択できます。

  4. カスタマイズする
  5. カスタマイズする

    カスタマイズするボタンをクリックすると、以下のようなカスタマイズウィンドウが現れ、商品リンクのカスタマイズが行えます。

    カスタマイズする
    a. 商品名を移動
    「商品名の表示・非表示」が選択でき、商品名を表示させる際には、選択商品名を画像の上下左右のいずれかの位置に表示させるように選択できます。
    b. 価格を表示
    「価格の表示・非表示」が選択可能です。
    c. 商品名を最小で表示
    長い商品名テキストを省略して表示できます。
    d. テキストを画像幅にあわせる
    商品名テキストを画像の幅にあわせて表示するように選択できます。
    e. 枠を表示
    「枠の表示・非表示」が選択できます。
    f. コメント編集スペース追加
    お好きなコメントが入力出来るコメント編集スペースを追加でき、コメントが左右のいずれかに表示させるように選択できます。
    g. 色の選択を有効にする
    商品名、価格テキスト、枠線、コメント、背景の色をお好みの色にカスタマイズできます。
  6. ランク別料率

    適用される料率が確認できます。対象のランクは赤く表示されます。

  7. ソースをコピーして掲載する

    HTMLソースが表示されます。「コピー」をクリックし、選択されたソースをすべてコピーしてください。

  8. ソースをコピーして掲載する

お使いのブラウザの種類やバージョンによっては、「コピー」ボタンが正常に動作しない場合があります。

その場合には、ソースをすべて選択し、コピーしてください。
楽天ブログへの記事投稿は「楽天ブログに掲載」をクリックすると直接ご利用できます。

またリンクタイプを「テキストのみ」で利用する場合に限り、テキストの編集が可能です。
テキストを編集する際のご注意事項はこちらを参照ください。

あなたのブログやホームページにコピーしたソースを貼り付けて完成です!

スマホブログに貼り付けたイメージ

▼「ブログにリンクを貼り付けた」状態のキャプチャです

スマホからショップリンクを作成する

ステップ1 検索窓からショップ名で検索

検索窓に探しているショップの「名前」を入力し、検索をしてください。

『スマホ版楽天アフィリエイトトップ』ページ

▼「スマホ版の楽天アフィリエイトトップページ」のキャプチャです

ステップ2 アフィリエイトリンクを作成する

掲載したいショップの商品にある「リンクを作成」をクリックしてください。

スマホ対応の検索結果ページ

▼「商品検索画面」のキャプチャです

その商品の「商品リンクを作成」ページが表示されます。そのページの中頃にある「選択中のショップ情報」の「このショップのリンクを作成する」をクリックしてください。

スマホ対応の検索結果ページ

「ショップリンクを作成」ページが表示されます。

スマホ対応の検索結果ページ

▼「アフィリエイトリンク作成ページ」のキャプチャです

  1. プレビュー

    ➁~④で編集した箇所がそのままリアルタイムでプレビューに反映されます。

  2. リンクタイプを選択する

    以下の2つのタイプが選択できます。
    ・画像のみ
    ・テキストのみ

  3. カスタマイズする

    リンクをクリックした際に、別タブで開くか、同ページ内でページが遷移するかが選択できます。

  4. バナーを選択する

    貼りたいバナーのイメージを選択できます。

  5. ランク別料率

    適用される料率が確認できます。対象のランクは赤く表示されます。

  6. ソースをコピーして掲載する

    HTMLソースが表示されます。「コピー」をクリックし、選択されたソースをすべてコピーしてください。

  7. 「コピー」をクリックし、選択されたソースをすべてコピーする

お使いのブラウザの種類やバージョンによっては、「コピー」ボタンが正常に動作しない場合があります。

その場合には、ソースをすべて選択し、コピーしてください。
楽天ブログへの記事投稿は「楽天ブログに掲載」をクリックすると直接ご利用できます。

またリンクタイプを「テキストのみ」で利用する場合に限り、テキストの編集が可能です。
テキストを編集する際のご注意事項はこちらを参照ください。

あなたのブログやホームページにコピーしたソースを貼り付けて完成です!

「コピー」をクリックし、選択されたソースをすべてコピーする

▼「ブログにリンクを貼り付けた」状態のキャプチャです

スマホからURLリンクを作成する

お気に入りのページ(URL)を指定して、直接アフィリエイトリンクを作成することができます。商品・ショップページ以外にもお気に入りのジャンルや企画特集ページなどの様々なページ(URL)へのリンクが作成できます。

ステップ1 検索窓からページのURLで検索

検索窓に掲載したい商品のURLやショップのURLを入力し、検索をしてください。

『スマホ版楽天アフィリエイトトップ』ページ

▼「スマホ版の楽天アフィリエイトトップページ」のキャプチャです

ステップ2 アフィリエイトリンクを作成する

そのURLの「リンクを作成」ページが表示されます。

リンクタイプを選択、好みにあわせてカスタマイズをしたら、ページの下側「ソースをコピーして掲載する」欄にあるソースをすべてコピーしてください。

リンク作成ページ

▼「アフィリエイトリンク作成ページ」のキャプチャです

お使いのブラウザの種類やバージョンによっては、「コピー」ボタンが正常に動作しない場合があります。

その場合には、ソースをすべて選択し、コピーしてください。
楽天ブログへの記事投稿は「楽天ブログに掲載」をクリックすると直接ご利用できます。

またリンクタイプを「テキストのみ」で利用する場合に限り、テキストの編集が可能です。
テキストを編集する際のご注意事項はこちらを参照ください。

あなたのブログやホームページにコピーしたソースを貼り付けて完成です!

スマホブログに貼り付けたイメージ

▼「ブログにリンクを貼り付けた」状態のキャプチャです

それではアフィリエイト商品を探してみましょう!!

アフィリエイトトップページの
検索窓はこちら ≫

スマホから楽天モーションウィジェットを作成する

楽天モーションウィジェットは、「ランキング形式*」や「ページマッチ*」での紹介、「ユーザーに合わせた商品*」を自動表示できる、アフィリエイトに便利なブログパーツです。
あなたのブログに訪れたユーザーに合うアフィリエイト商品を掲載して報酬アップに役立てましょう。

* 用語についてはこちらをご覧ください

楽天モーションウィジェットのキャプチャ

※楽天モーションウィジェットのキャプチャ(商品はイメージです。実際の掲載内容とは異なります。)

楽天モーションウィジェットの作成ページでは、いろいろカスタマイズができます。

トップページの上部にある「簡単リンク作成ツール」のキャプチャ
  1. サービスを選択する

    以下の2つのサービスの楽天モーションウィジェットを作成できます。

    ・楽天市場

    ・楽天トラベル

  2. リンクタイプを選択する

    「ページマッチ*」「ランキング*」の2つのタイプが選択できます。

    *用語についてはこちらをご覧ください

  3. 表示タイプを選択する

    以下の2つの表示タイプが選択できます

    ・画像とテキスト

    ・テキストのみ

    「サイズ」をクリックすると、お好みのサイズを選択できます。

  4. 楽天モーションウィジェットの作成ページのキャプチャ

    スマホで「画像とテキスト」の「楽天モーションウィジェット」には「320x48」がおすすめです。

  5. カスタマイズする

    ・「ユーザーに合わせた商品を表示」をチェックすると、 楽天市場を利用したことがあるユーザーが掲載したページに訪れた場合に、ユーザーの楽天市場の閲覧商品や購入履歴などから、最適な商品を優先的に表示します。

     ・「自動で商品を動かす」をチェックすると、 ユーザーが「次へボタン」を押さなくとも表示している商品が自動で切り替わります。

     ・「枠線を表示する」をチェックすると、 「楽天モーションウィジェット」に枠線が付いた状態で表示されます。

  6. ソースをコピーして掲載する

    HTMLソースが表示されます。「コピー」をクリックし、選択されたソースをすべてコピーしてください。

  7. 楽天モーションウィジェットの作成ページのキャプチャ

    お使いのブラウザの種類やバージョンによっては、「コピー」ボタンが正常に動作しない場合があります。その場合には、ソースをすべて選択(ctrl + a)し、コピー(ctrl + c)してください。

    さらにご自身が希望する関連した商品を表示することができます。
    楽天モーションウィジェットを貼ったページ上にある、認識させたいテキスト(キーワードとなる言葉)を、以下のHTMLタグ
    <!-- rakuten_ad_target_begin -->

    <!-- rakuten_ad_target_end --> 
    で囲んでください。

    自分で設定した関連商品が表示されるまで24時間ほどかかる場合がございます。

用語について

リンクタイプ

ページマッチ
掲載したページ内にあるテキストを自動的に分析し、適切と思われる商品を自動的に表示します。
ページに関連する商品が表示されるまで24時間ほどかかる場合がございます。
ランキング
・「楽天市場の楽天モーションウィジェット」では、楽天市場のジャンル別商品をランキング形式で紹介します。
・「楽天トラベルの楽天モーションウィジェット」では、楽天トラベルの地域別人気ホテル・旅館をランキング形式で紹介します。

ユーザーに合わせた商品を表示

楽天市場を利用したことがあるユーザーが掲載したページに訪れた場合にユーザーの楽天市場の閲覧商品や購入履歴などから、最適な商品を優先的に表示します。

あなたのブログにコピーしたソースを貼り付けて完成です!
楽天モーションウィジェットの作成ページのキャプチャ
さっそく楽天モーションウィジェットを作成しよう!