目指せ！アフィリエイト10万円！

前回は、こちらの記事で、「楽天トラベルの定番バナー」を右サイドに貼りました。

楽天トラベルの定番バナーを右サイドに貼る

これが予想以上に好評だったので、
同じ手順で簡単に貼れる「モーションウィジェット」もお教えします。

モーションウィジェットを記事上に貼る

「モーションウィジェット」は、複数のバナーの集まりですが、
これがどんどん動いていくので面白く、読者の目を惹いてくれます。

 

◆ モーションウィジェット

この「モーションウィジェット」は動くバナーです。

（１） 「定番バナー」と同じ、下記のURLをクリックします。

 

https://travel.rakuten.co.jp/distributor/affiliate.html#banners

 

下中央にある「モーションウィジェットを作成する＞」という文字リンクに注目してください。

 

（２） 「モーションウィジェットを作成する＞」をクリックします。

すると、次のようなページとなります。

 

◆ 各種の設定とカスタマイズ

 

・サービス・リンクタイプ・表示タイプの指定

この右側の欄で、表示形式を指定できます。

 

（３） 上記の図と同じように設定します。

 

・サイズの指定

サイズの欄をクリックすると、次のようなリストが出て、モーションウィジェットの大きさも自由に指定できます。

（４）「728 x 200」を選択します。

 

・カスタマイズの指定

各種カスタマイズもできます。

（５） 上記の図と同じように設定します。

 

◆ 「モーション」コードの取得と貼り付け方

 

・アフィリエイトコードの取得（コピー）

この枠内にある英字数字が、あなたのアフィリエイトコードとなります。

 

（６） 下記の赤いボタンをクリックします。

すると、それだけで、アフィリエイトコードがPCの内部領域にコピーされます。

• 全体を反転させて、右クリックで「コピー」をクリックする
• 全体を反転させて、「Ctrl」キーを押しながら「C」キーを押す
• この赤い「コピー」ボタンをクリックする

この３つは、どの操作をしても同じ「コピー」の操作です。
慣れているものでやってください。

 

・アフィリエイトコードの貼り付け（ペースト）

ここでは、記事ページで、記事タイトルの上にこのモーションウィジェットを表示させていきましょう。

 

 

（７） ワードプレスにログインし、管理画面を出します。

（８） 「外観」-「ウィジェット」を指定します。

すると、先ほどと同じ、このようなウィジェットの配置画面が出ます。

この画面を下にスクロールしていくと、先ほどと同じ「カスタムHTML」というボタンがあります。

 

（９）「カスタムHTML」ボタンをクリックします。

 

クリックすると、下に大きく開きます。

（10）「投稿タイトル上」をクリックし、
「ウィジェットを追加」ボタンをクリックします。

 

（11）「投稿タイトル上」の欄に「カスタムHTML」の編集画面が出ますので、
その１行目をクリックして、「貼り付け」をします。

• 右クリックで「貼り付け」をクリックする
• 「Ctrl」キーを押しながら「V」キーを押す

どちらの操作も、同じ「ペースト（貼り付け）」の操作です。
慣れているものでやってください。

 

※ このとき、１行目に <center>、最後の行に</center>を追加すると、中央寄せになってきれいに整います。

 

（12）「保存」ボタンをクリックします。

（13）「完了」ボタンをクリックします。

 

・「モーションウィジェット」表示の確認

それでは、ブログを表示してみましょう！

ブログを表示すると、右サイドに先ほど取得した「楽天トラベル」の定番バナーが入っています。

 

 

この操作も、１回やれば、後はずっと同じ位置にこのバナーが貼られています。

（同じ手順で楽天市場のモーションウィジェットも貼れますので、やってみてください。）

 

※ ブロックエディタや他テーマをお使いの場合、操作方法や図が若干異なることがありますが、ご自身がお使いの慣れた方法でこのアフィリエイトコード（HTMLコード）を貼り付けてください。

 

---

 

「モーションウィジェット」をブログに１度貼れば、ずっと永続的に利用できます。

2023年は「楽天トラベルが大フィーバー」！
早速に今からやっておきましょう。

 

こちらの「楽天トラベルの定番バナー」も是非貼ってみてください。

楽天トラベルの定番バナーを右サイドに貼る