冷え冷えしがち

当ブログでは運営・モチベーション維持のため、アフィリエイト広告が表示されます。ご理解ください。

もしもアフィリエイトの楽天モーションウィジェットのスマホ表示が小さすぎる…楽天公式からリンク取得すればOK!

もしもアフィリエイト楽天のモーションウィジェットがあり、貼ったところスマホでの表示が小さすぎ!となりました。
どうにかならんか…と探っていたところ、そもそも楽天アフィリエイトにあるじゃないか!
ということで、この記事を参考になるように「小さくて見えないもの」「しっかり表示できるもの」を実際に表示して確かめていきます。

そもそもモーションウィジェットとは何か?から説明します。

楽天モーションウィジェットとは?

以下は楽天アフィリエイトからの抜粋です。

楽天モーションウィジェットの「ユーザーに合わせた商品を表示*」機能を使うと、あなたのブログに訪れたユーザーに合わせて最適な商品を表示します。 *楽天市場、または楽天トラベルをご利用したことがあるユーザーが ページに訪れた場合に、ユーザーの閲覧商品や購入履歴などから、最適な商品を優先的に表示します。

どういうものなのか?
下記です。

見る人によって表示される商品が違い、なおかつ動きのあるものですね。
ちなみにこの大きさは「横468x縦160」。
スマホから見ている場合は、見切れているかもしれません。

サイズの選択方法については後ほど説明します。

もしもアフィリエイトでも楽天モーションウィジェットが作成できる

かんたんリンクが優秀

もしもアフィリエイトは「かんたんリンク」機能がとても優秀です。
商品を検索して、Amazon楽天市場Yahoo!ショッピングなどのリンクを自動でボタンとともにつくってくれる、すばらしい機能です。

もしもアフィリエイトのかんたんリンク
もしもアフィリエイトのかんたんリンク

これを実際に貼ると下の枠になります。

これはレスポンシブ対応(スマホの画面に合わせて表示方法を自動で変えてくれる)していて、本当によくできているなと思います。見やすいですし。
色々なショップが選べることも見る側からしたら選択肢が増えていいですよね。

\もしもアフィリエイトへの登録はこちらから/

モーションウィジェット(もしも版)について

もしも版にも設定画面があり、サイズや動きなどを選択できます。 上部メニューの「メディア運営ツール」→「モーションウィジェット(もしも版)」から設定できます。

もしもアフィリエイトのモーションウィジェット設定画面
もしもアフィリエイトのモーションウィジェット設定画面

この作成したリンクを貼り付けると下の様になります。

横300x縦250 どの様に見えているか確認します。

  • PCでの見え方

PCプレビュー画面
PCプレビュー画面

PC実際の記事画面
PC実際の記事画面

プレビュー画面の通りですね。
これが、スマホの場合はどうでしょうか。

スマホ(SP)プレビュー画面
スマホ(SP)プレビュー画面

スマホ(SP)実際の記事画面

どうですか?小さいですよね。
プレビューはあくまでプレビューなので、実機確認が大事なことがわかります。 これを見やすいようにするには、楽天アフィリエイトからのリンク作成で貼ると良いです。

楽天アフィリエイトからのモーションウィジェットの使用方法

楽天アフィリエイトに登録しよう

そもそも楽天アフィリエイトに登録していないと使用できません。 楽天市場を会員登録で利用したことがあれば、同じ情報でサービスを利用できます。 まずは、登録しましょう。

affiliate.rakuten.co.jp

登録が終わったら、上部メニューの「ツールを使う」→「モーションウィジェット」で設定ができます。

サイズの選び方

サイズに関しては多くの種類があります。 記事内に貼るものはスマホ表示のことも考えると良いでしょう。 サイドバーに表示するものは縦長のものがおすすめ。

楽天モーションウィジェト設定画面
楽天モーションウィジェト設定画面

どのように表示されるかをサイズごとに見てみましょう。

  • 200x200
  • 300x160
  • 468x160
  • 600x200

300x160が一番見やすいですね。
横のサイズが300のものを選ぶと良い感じになりそうです。

このブログにも使用しているサイドバーにある縦長のモーションウィジェット楽天から作成しました。
楽天アフィリエイトを支えるのならついでに…ということで。

楽天アフィリエイトにはグループの広告もある

トップメニューの「商品・サービスを探す」→「楽天グループのサービス」からいろいろ見ることができます。
楽天市場ももちろんありますし、楽天トラベル・楽天カード楽天モバイルなどなど。
利用したことがあるサービスがあれば、紹介するときに使用するといいかもしれません。

キャンペーンもよく開催されていて、先月の報酬より良ければポイント付与!などがあります。
エントリー必須なのでお忘れなきように。

まとめ

もしもアフィリエイトのモーションウィジェットスマホで小さく表示されてしまう時はの対策でした。

特に実機で確認はweb関連ではかなり重要ですね。 ブラウザによっても見え方が変わってしまうものもあるので。 あとは、楽天のモーションウィジェットがレスポンシブ対応してくれたらいいのになあ〜って思います!