[楽天]店長の部屋Plus ウィジェットについて1

公開日:  最終更新日:2018/04/29

[楽天]店長の部屋Plus ウィジェットについて1
さて、本日は楽天の店長の部屋Plus(店長ブログ)について店長の部屋Plus(店長ブログ)って活用されてますか?ショップによっては毎日更新している所もあるかと思います。

楽天 店長の部屋Plusウィジェットの設置について

店長の部屋Plus(店長ブログ)を更新内容が自動で表示されるウィジェットってご存知ですかね?
RMS内にウィジェットについての記述、貼り付け用のタグ等があるので、すでに活用されている方も多いかと思います。

例えば、こちらのショップ イケベ楽器楽天ショップ
ショップオブザイヤー2012で(CD・DVD・楽器・本)ジャンル賞を受賞されてるショップ

↓↓の部分 店長ブログの更新内容が表示されていますね。
34-1.png
これ便利なのが自動で更新内容が表示されるところです。
日々、更新してても中々ショップに来たお客さんに見てもらえなかったりしますが、トップページ等にウィジェットを設置することで何もしなくても、ブログの更新内容が表示されちゃいます。

ウィジェット貼り付け用のタグ

<!-- +++++++++++++++++++++++++++++++++++++++++
店長の部屋Plus+ ウィジェット ここから(Start)
+++++++++++++++++++++++++++++++++++++++++ -->
<span id="diary_error"></span>
<div style="width:200px; border:0px solid #CC6633;">
<img src="画像URL" alt="店長の部屋Plus+" width="200" height="50" border="0" hspace="3" style="margin:3;">
<div style="margin:3px 0 0 7px; font-size:10pt;">
<hr color="#8c522a">
<!-- ブログタイトル (自動リンク) -->
<div id="diary_name"></div>
<hr color="#8c522a">
<div>
<!-- 新着日記1件目(★ M=0 ★) ここから -->
<span id="diary_title_0"></span><span id="d_new_0"></span>
[<span id="diary_year_0"></span>/<span id="diary_month_0"></span>/<span id="diary_day_0"></span>&nbsp;<span id="diary_hour_0"></span>:<span id="diary_minute_0"></span>]
<!-- 新着日記1件目 ここまで -->
</div>
<br />
<div>
<!-- 新着日記2件目(★ M=1 ★) ここから -->
<span id="diary_title_1"></span><span id="d_new_1"></span>
[<span id="diary_year_1"></span>/<span id="diary_month_1"></span>/<span id="diary_day_1"></span>&nbsp;<span id="diary_hour_1"></span>:<span id="diary_minute_1"></span>]
<!-- 新着日記2件目 ここまで -->
</div>
<br />
<div>
<!-- 新着日記3件目(★ M=2 ★) ここから -->
<span id="diary_title_2"></span><span id="d_new_2"></span>
[<span id="diary_year_2"></span>/<span id="diary_month_2"></span>/<span id="diary_day_2"></span>&nbsp;<span id="diary_hour_2"></span>:<span id="diary_minute_2"></span>]
<!-- 新着日記3件目 ここまで -->
</div>
<br />
<div align="right">
<!-- もっと見る ここから -->
<span id="diary_etc"></span>
<!-- もっと見る ここまで -->
</div>
</div>
<script src="http://api.shop.plaza.rakuten.co.jp/js/LatestDiary.js?base_url=★★★&num=■" type="text/javascript" charset="EUC-JP"></script>
<!-- +++++++++++++++++++++++++++++++++++++++++
店長の部屋Plus+ ウィジェット ここまで(End)
+++++++++++++++++++++++++++++++++++++++++ -->

上記のようなソースをコピー、貼り付けで簡単に設置できます。
GOLDでトップを作成しているのであれば、トップページのソースに貼り付けて必要な箇所を自分のショップの情報に設定するだけです。

トップがGOLDでないショップもGOLD内にhtmlファイルを作成して、それをRMSからページに<iframe> で埋め込むことで表示することが出来ます。

設定する箇所については、最後の base_url=★★★&num=■ の部分です。

★★★が自分のショップの↓↓↓部分
https://www.rakuten.ne.jp/gold/★★★/
https://www.rakuten.co.jp/★★★/
★★★の部分を指定してください

■が表示する件数 1~10まで指定できます。
ただし、件数を変更する場合は注意が必要です。
<!– 新着日記1件目(★ M=0 ★) ここから –>
<span id=”diar・・・・・
<!– 新着日記1件目 ここまで –>

↑↑↑部分が指定した件数分必要になります。このサンプルでは3件分の設定になってますね。

各かたまりの中で id=”diary_title_0″ みたいに 最後が数値になっている部分これを件数分 記述する必要があります。

4件目の記事なら id=”diary_title_3″ という感じですね。(0から開始のようです)
サンプルソースを表示した結果
34-2.png
うん、とりあえずは更新内容が自動では表示されるようになりました。
ちょっと、このままでは見た目があれなので、後日、見た目の変更方法について書きたいと思います。




Your Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

スポンサードリンク
PAGE TOP ↑