スマホとPC両対応のホームページ作成、ご予約フォームの作成、
メルマガ配信、顧客管理機能までがまるっと一つになったリウムスマイル!

電話番号:06-6484-5445

営業時間:平日 9:00〜17:30

  1. 新Twitterウィジェットをリウムスマイル!のホームページに貼りつける方法

新Twitterウィジェットをリウムスマイル!のホームページに貼りつける方法

2016/10/20

2016/10/20 更新


Twitterタイムラインウィジェットとは、Twitter上で呟いた言葉がリアルタイムでホームページにも表示されるという連動機能です。

つまりお客様がTwitterのページにわざわざ移動しなくても、

下の画像のようにお店のホームページから手軽に見れるという事です。

 

以前のウィジェットと大きく変更された点は、

  1. 枠・背景などの細かい色の指定ができない
  2. ウィジェットのタイムラインに投稿された画像・動画が表示される
  3. 投稿フォームが追加されている

かと思います。

デザインの細かい指定ができなくなったのは残念ですが、

画像や動画がウィジェットのタイムラインに表示されるようになったので、

お客様に情報が伝わりやすくなったと思います。

なお、ツイッターウィジェットの設置は他社サービスとの連携部分となりますため、 リウムスマイル!にて動作保証できかねる部分となりますことをご了承のうえお試しいただけますようお願いいたします。

 

ながれ

  1. Twitter:プロフィールページのURLをコピーする
  2. Twitter:ウィジェットのソースを作成する
  3. スマイル!:フリーページにウィジェットのソースを貼り付ける
  4. スマイル!:右サイドに表示する

 

【1】Twitter:プロフィールページのURLをコピーする

  1. 自身のツイッターページを開きます
  2. ホーム画面に表示されているTwitterユーザー名をクリック

 


  1. プロフィールページのURLをコピーします




【2】Twitter:ウィジェットのソースを作成する

  1. ホーム画面右上の自分のアイコンをクリック
  2. プルダウンメニューの[設定]をクリック

 

 

  1. 左サイドメニューの[ウィジェット]をクリック
  2. ウィジェット画面の[新規作成]をクリック
  3. プルダウンメニューの[プロフィール]をクリック

 

 

  1. コピーしたプロフィールページのURLを貼り付けます
  2. [→]をクリック

 

 

  1. 左側の[Embedded Timeline]をクリック
  2. 青文字になっている[set customization options.]をクリック

 

 

  1. 『Height(px)』と書かれた欄に、 400 を入力します
    ※任意の数字でも構いませんが、必ず数字を入力して設定していないと縦にずっと伸びてしまうようです。
  2. [Update]をクリック

 

  1. 表示されたソースをクリックして、コピーします




【3】スマイル!:フリーページにウィジェットのソースを貼り付ける

  1. リウムスマイル!管理画面上部オレンジタブ[ホームページ]-[ホームページパーツ一覧]の順にクリック
  2. フリーページの[+フリーページの子パーツを追加]をクリック

 

 

  1. タイトルに、ツイッターページの名前を入力します
  2. 本文エリアをクリック後、上部ツールバーにある[埋め込みコード挿入]をクリック
  3. 入力エリアに先ほどコピーしたTwitterウィジェットのソースを貼り付けます
  4. 右下の[埋め込みコードの挿入]をクリック
  5. 編集画面左下の[保存]をクリックして、ページを保存します

 



【4】スマイル!:任意の場所に表示する

ここでは例として、右サイド:エリア4に表示する方法をご紹介します。

 

  1. リウムスマイル!管理画面左上[ホームページ編集/プレビュー]をクリック
  2. 表示したいエリアにカーソルを合わせ、左上に表示される[+パーツ表示追加]をクリック

 

 

  1. 先ほど作成したフリーページをクリック

 

 

  1. 表示設定:表示要素「本文」のみにチェックを入れます
  2. 表示設定画面左下の[保存]をクリック

 

 

 

以上で、Twitterウィジェットが表示されます。

 

関連エントリー