楽天モーションウィジェットをはてなブログのサイドバーに設置してみました。
やり方を残しておきます。楽天アフィリエイトにもはてなブログへの楽天モーションウィジェットのセット方法を説明してくれる記事はありました。
ここでは、楽天モーションウィジェットをサイドナビゲーションに表示する方法となっています。
①はてなブログの「管理画面」にログイン
②「デザイン」を選択
③「カスタマイズ」アイコンをクリック
④「サイドバー」を選択
⑤「モジュールを追加」をクリック
⑥「HTML」を選択
⑦枠の中にソースを貼り付け
⑧「適用」をクリック
⑨「変更を保存する」タブをクリック
完成。
これでサイドバーに楽天モーションウィジェット(動く楽天の広告)が設置できます。
affiliate.rakuten.co.jp
【楽天モーションウィジェットとは】
楽天モーションウィジェットは、楽天アフィリエイトで使える「自動広告ウィジェット」です。
ブログの読者の興味関心やページ内容に合わせて、関連する商品を自動的に表示してくれます。
表示する商品を毎回選ぶ必要がないため、手間なく収益化を目指せるのが魅力。
サイズやデザインも自由に選べるので、はてなブログとの相性も良好です。
本文内でも貼れるのかしら？
実際にやってみますね。
どうかしら。できてるかな。HTMLで貼り付けるのを忘れずにしたら大丈夫そうかな。
楽天モーションウィジェットは楽天市場の商品と、楽天トラベルのモーションウィジェットも作れます。上が楽天トラベルのモーションウィジェットね。
パソコン上で見たら横にスライドする広告になっているのだけど、スマホから見たら静止画なんですよね。
なんででしょう。
もしもアフィリエイトの方で、モーションウィジェットを設置してみます！
見てもらったらわかるかと思うのですが、スマホで楽天モーションウィジェットの箇所を見たら小さい！
A8で今度は作ってみます。
今度はA8です。
大きくは表示されたかな？ただ、スマホで見たときに横にスライドして動く広告になってないよね。
うーん、難しいです。
ここからはもう一度はてなブログに楽天モーションウィジェットを設置する方法を詳しくお伝えしていきます。
はてなブログへの設置は、基本的にどのアフィリエイトサービスを使っても同じです。
1. 各アフィリエイトサイトでモーションウィジェットのコードを取得
2. はてなブログ管理画面の「デザイン」から「HTMLモジュール」を開く
3. コードを貼り付けて保存
※記事本文中に貼る場合は、「HTML編集モード」で直接コードを挿入します。
[楽天アフィリエイト公式サイト](https://affiliate.rakuten.co.jp/) にアクセスし、楽天IDでログインします。
・メニューの「リンク作成」→「モーションウィジェット」をクリック
・サイズ（横長・縦長）やカラーを選択
・カテゴリ（例：美容・家電・ファッションなど）を設定
・「ソースコードをコピー」
「デザイン」→「カスタマイズ」→「サイドバー」→「モジュールを追加」
「HTML」を選択し、コピーしたコードを貼り付けて保存
これでサイドバーに自動商品ウィジェットが表示されます。
記事内に貼りたい場合は、「HTML編集モード」で本文に直接貼り付けましょう。
もしもアフィリエイトを利用している方は、以下の手順で設定可能です。
手順① 楽天と提携する
・[もしもアフィリエイト](https://af.moshimo.com/) にログイン
・検索バーで「楽天市場」と入力
・「提携申請する」をクリック（即時提携が可能です）
もしもアフィリエイト経由でも、楽天アフィリエイト側のウィジェット作成画面を使います。
ただし、発行されたコードの中の「楽天アフィリエイトID部分」を、もしも経由に変える必要があります。
変換方法：
楽天アフィリエイトで取得したコード内にある
```
https://affiliate.rakuten.co.jp/...
```
のURL部分を、
もしもアフィリエイトの「楽天リンクコード」に置き換えることで、報酬がもしも経由で発生します。
もしもアフィリエイトには「かんたんリンク」機能もあり、単品商品紹介におすすめです。
（モーションウィジェットのような自動広告ではないですが、クリック率が高めです）
A8.net経由でも楽天市場を紹介できます。
ただし、A8.netの「バナー広告」や「商品リンク」を組み合わせて、似たような表示は作成可能です。
・[A8.net公式サイト](https://www.a8.net/) にログイン
・プログラム検索で「楽天市場」を入力
・「提携申請する」ボタンをクリック
手順② 広告リンクを取得
ツール→楽天ツール→モーションウィジェット(A8.net版)
好みのサイズを選んで→この条件で広告リンク作成
リンクコードをコピー
サイドバーまたは記事内のHTML部分に貼り付けて保存します。
表示されないときの対処法
「貼ったのに表示されない！」というときは、以下をチェックしてください。
`<script>` タグが削除されていないか（はてな無料版でもOKですが、テーマによって制限あり）
httpではなく**https**のURLを使っているか
貼り付け位置が `<head>` ではなく本文やサイドバーになっているか
スマホ表示でレイアウトが崩れる場合は横幅を300px以下にする
おすすめの設置場所とコツ
📍 サイドバー上部
→ 訪問者の目に入りやすく、クリック率が高い位置です。
📍 記事下
→ 記事を読み終えた読者が「関連商品も気になる」と思うタイミングに最適。
📍 プロフィール下
→ あなたのおすすめ商品として自然に紹介できます。
ポイント
同じページに複数設置しすぎると読み込みが遅くなるので、1〜2箇所がおすすめ。
季節や記事内容に合わせてカテゴリを変えると成果が出やすくなります。
まとめ
楽天モーションウィジェットは、はてなブログでも簡単に設置できる便利な広告ツールです。
どの方法でも、ブログに合った場所に貼ることでクリック率や収益アップが期待できます。
まずはサイドバーや記事下から、あなたのブログに合うウィジェットを試してみてくださいね。
わたしもサイドバーにモーションウィジェット設置してみました。
