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


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

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

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

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

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

 

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

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

(1) 「定番バナー」と同じ、下記のURLをクリックします。

 

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

 

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

 

(2) 「モーションウィジェットを作成する>」をクリックします。

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

 

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

 

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

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

 

  • サービス
    楽天市場---------楽天市場の商品が表示される
    楽天トラベル-----楽天トラベルの商品が表示される
  • リンクタイプ
    ページマッチ-----ページの内容に合った商品が表示される
    ランキング-------ランキングの上位のものが表示される
  • 表示タイプ
    画像とテキスト---画像とテキスト(ホテル名)が表示される
    テキストのみ-----テキスト(ホテル名)だけが表示される

(3) 上記の図と同じように設定します。

 

・サイズの指定

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

(4)「728 x 200」を選択します。

 

・カスタマイズの指定

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

  • ユーザーに合わせた商品を表示
    ON------読者が過去に見ていた履歴から優先して表示される
    OFF-----履歴とは無関係に表示される
  • 自動で商品を動かす
    ON------複数の商品が動いて表示される
    OFF-----複数の商品は動かずとまったまま表示される
  • 枠線を表示する
    ON------モーションウィジェット全体が枠線で囲まれる
    OFF-----モーションウィジェット全体に枠線をつけない

(5) 上記の図と同じように設定します。

 

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

 

・アフィリエイトコードの取得(コピー)

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

 

(6) 下記の赤いボタンをクリックします。

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

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

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

 

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

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

 

 

(7) ワードプレスにログインし、管理画面を出します。

(8) 「外観」-「ウィジェット」を指定します。

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

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

 

(9)「カスタムHTML」ボタンをクリックします。

 

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

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

 

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

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

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

 

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

 

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

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

 

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

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

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

 

 

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

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

 

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

 


 

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

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

 

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

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


なるほど!と思ったら、ポチっとね! →
人気ブログランキング









稼げない人を
稼げる人に変身させる
「シンデレラの魔法遣い」


孫4人のおばあちゃんながら、

アドセンス&楽天アフィリエイトを
実践しながら
メルマガ配信で年1000万!

とことんサポートが好評で
ついたアダ名が
「シンデレラの魔法使い♪」

リリィのプロフィール

カテゴリー
最近の投稿