【楽天モーションウィジェット】スマホで小さくならない対処法【原因はもしもアフィリエイト！？】

ブログやサイトに楽天モーションウィジェットを載せているのですが、PCの画面ではちゃんと表示されるのにスマホの画面では小さくなっていることを発見してしまいました（しかも動いてない）。

PCの画面

パソコンだとちゃんと表示されてますが

スマホの画面

スマホだと小さくなってしまう

ワタシが運営しているブログやサイトはスマホで訪れる人が8割以上なので、その人たちが見やすいように早く修正しないといけません。

そこでこの記事では、「楽天モーションウィジェットがスマホ画面では小さい&動かない問題」を解決した対処法をご紹介しますので、「自分のブログも修正したい」という方はぜひ参考にしてみてください。

こんな方におすすめの記事です

ブログやサイトを運営していて、
楽天アフィリエイトを利用しているけど、
楽天モーションウィジェットがスマホで見ると小さい
楽天モーションウィジェットがスマホで見ると動いてない

ココに注意

今はほとんどの方がスマホでブログやサイトを訪れます。

スマホ画面での見やすさは、

滞在時間の増加
再訪問数の増加
離脱率の低下

などにつながります。

サイト訪問者の方に楽しんでもらえるようなブログ・サイト運営のためにも、自分のブログやサイトをスマホで必ずチェックして訪問してくれた人が見やすいように修正しておきましょう。

【楽天モーションウィジェット】スマホで小さくならない対処法

対処法その1：「もしもアフィリエイト」の楽天モーションウィジェットを使うのを止める
対処法その2：「A8.net」か「楽天アフィリエイト」の楽天モーションウィジェットを使う
対処法その3：サイズは「300×160サイズ」を選ぶ

ワタシはこれらの対処法で、楽天モーションウィジェットが「スマホ画面では小さい&動かない問題」を解決できました。

一つずつ少し深掘りしてご紹介していきます。

対処法その1：「もしもアフィリエイト」の楽天モーションウィジェットを使うのをやめる

「楽天モーションウィジェットがスマホ画面では小さい&動かない問題」の対処法その1は、

「もしもアフィリエイト」の楽天モーションウィジェットを使うのをやめる

です。

ワタシは最初「もしもアフィリエイト」の楽天モーションウィジェットを使っていました。

原因は不明ですが、いくら設定を変えても一向に解決しなかったので「もしもアフィリエイト」の楽天モーションウィジェットを使うのをやめました。

ココがポイント

もしもアフィリエイトには「かんたんリンク」というツールがあります。

とても使い勝手の良いツールですので、もしもアフィリエイトは「かんたんリンク」をメインに活用していくのが良いかもしれませんね。

かんたんリンクの例

↓　↓　↓

リンク

対処法その2：「A8.net」か「楽天アフィリエイト」の楽天モーションウィジェットを使う

「楽天モーションウィジェットがスマホ画面では小さい&動かない問題」の対処法その2は、

「A8.net」もしくは「楽天アフィリエイト」の楽天モーションウィジェットを使う

です。

詳しい原因は分からないのですが、「A8.net」や「楽天アフィリエイト」の楽天モーションウィジェットを使うと、スマホで見ても大きさや動作がちゃんと表示されました。

対処法その3：サイズは「300×160サイズ」を選ぶ

「楽天モーションウィジェットがスマホ画面では小さい&動かない問題」の対処法その3は、

サイズは「300×160サイズ」を選ぶ

です。

「A8.net」や「楽天アフィリエイト」の楽天モーションウィジェットでも300×160サイズ以外で楽天モーションウィジェットを設置すると、スマホ画面から見切れたり動かなかったりすることがあります。

「A8.net」や「楽天アフィリエイト」で楽天モーションウィジェットを作る際は必ず「300×160サイズ」を選ぶようにしましょう。

ココがポイント

PCで見ると少し小さく感じるかもしれませんが気になる程ではないですし、スマホで見てもそれなりに見やすい大きさだと思われます。

【設置の仕方】楽天モーションウィジェット【A8.net版&楽天アフィリエイト版】

「A8.net」の楽天モーションウィジェット
「楽天アフィリエイト」の楽天モーションウィジェット

この2つの楽天モーションウィジェットの設置の仕方をご紹介していきます。

「A8.net」や「楽天アフィリエイト」の楽天モーションウィジェットを使ったことが無い方は参考にしてみてください。

【A8.net版】楽天モーションウィジェット設置の仕方

A8.netにログインする
楽天モーションウィジェットの作成ページに移動する
楽天モーションウィジェットの各種条件を設定する
リンクコードを作成し素材を選択する
リンクコードを記事に貼り付ける
ブログやサイトに表示される

A8.netにログインする

▼ A8netのサイトに移動します。

登録がまだの方はこちらから

▼ ログインします。

楽天モーションウィジェットの作成ページに移動する

▼ 「ツール」→「楽天ツール」をクリックします。

▼ 「モーションウィジェット(A8.net版)」をクリックします。

楽天モーションウィジェットの各種条件を設定する

▼ 「条件設定」を選択します。

記事に関連した商品を表示させたい場合は、右側の「掲載するページにマッチした商品を掲載する」を選択します。

▼ 「掲載設定」を選択します。

「画像表示タイプ」を基本に使っていきます。

▼ バナーサイズは「300×160」を選択します。

300×160サイズ以外ではモーションウィジェットが動かなくなるので注意しましょう。

▼ 「詳細設定」を選択します。

基本的には全てにチェックを入れるのが良いでしょう。

複数のサイトやブログを運営している方は「掲載サイト」の確認も忘れないようにしましょう。

リンクコードを作成し素材を選択する

▼ 設定が終わったら「この条件で広告リンク作成」をクリックします。

▼ 設定通りに表示されているか「プレビュー」で確認します。

▼ プレビューが問題なければ「素材を選択」をクリックします。

リンクコードを記事に貼り付ける

▼ 「素材を選択」でコピーされたリンクコードを記事に貼り付けます。

リンクコードを貼り付ける際は、必ず「テキスト画面」に貼り付けましょう。

ブログやサイトに表示される

▼ パソコン画面の表示

▼ スマホ画面の表示

解決前の楽天モーションウィジェット

ココがポイント

今までスマホで見ると小さかった楽天モーションウィジェットが大きく表示されるようになりました。

「300×160サイズ」だと商品画像もスライドして動いているので、動作も問題ありません。