スマートフォン用サイトを楽天Goldで作るショップ様も増えてきましたが、スマホの回線速度が早くなったとはいえ、長すぎるページは読み込みに時間がかかってしまいます。 そこでおすすめなのが「自動ページ送り」。 たとえばスマホで楽天の検索画面を開くと、検索結果の一番下まで行くと勝手に次の商品を読み込んでくれます。 楽天Goldでも実装できるので、ページの一番下まで行くと次のページを読み込むサンプルを作ってみました。 サンプルページで、動きをご確認ください。 自動ページ送りを楽天Goldで実装してみます。 jquery.autopagerをダウンロードする 自動ページ送りを実現する方法はいろいろありますが、今回はソースが簡単で設置がしやすいjQuery.autopagerを利用してみます。 上記のサイトからJavascriptをダウンロードしておきます。 ※Javascriptの設定がわからない場

ヒートマップとは、ユーザーがどのように行動したか、可視化してくれるツールです。 以下のように、どこをクリックしたか、どのあたりをじっくり見ているか、一目瞭然です。 分かりやすいページ作りは重要ですが、特にスマートフォンではUI/UXの重要性が高いようです。 この記事では、楽天スマホページにヒートマップを導入して改善する手順について記載します。 スマホページを楽天Goldで作成する ヒートマップツールは、楽天RMSで作成したページには導入できないので、楽天Goldでスマホ用のページを作成します。 スマホ特有のHTMLの組み方などは、楽天Goldでスマホページを作成するを御覧ください。 ヒートマップを導入する ヒートマップツールは各種ありますが、25,000PVまでは無料で使えて操作も分かりやすいptengineがおすすめです。 なおKloutスコア（ソーシャルでの影響力を数値化したもの）が5