ブログにLINE風チャットを貼付ける「Spot.IM」の使い方

 

LINE風チャット画面をブログに実装する

spotim01-nasciii

前陣速攻型LINEユーザー、いの(@nasciii_com)です。

スマホユーザーの大半が使っているであろうLINE。どうせならブログにもLINEを付けちゃいましょう。

そんなわけでLINEっぽいチャット画面をブログに実装できる「Spot.IM」というサービスを紹介。

orbis nikibi care-smart
[特集]クリアボディローション

SNSに順応したチャットブログパーツ

spotimSpot.IM

Spot.IMは自動で吐かれるコードをコピペするだけで自分のブログ上にチャットを設置できる、そんなサービスです。

以下、英語の紹介動画だがシンプルなUIは伝わると思う。

この手のブログパーツは昔からあるんだけど、SNSと連携って新しい。

spotim001-nasciii

面倒な会員登録は不要でFacebook、Twitter、Google+のいずれかのアカウントでログインすれば、「Spot」と呼ばれるコミニュティをつくることができる。これはチャットルームのようなもので、LINEをイメージしてもらえると分かりやすい。

設置されたSpotに書き込む場合も上記のアカウントのどれかに登録している必要があります。

spotim002-nasciii

例えばTwitterなら自分のアカウントにログインし、連携アプリとしてSpot.IMを認証するだけだ。

Spot.IMの使い方(Spotの作り方)

Spot_IM-shot1-nasciii

上はCreate New Spotの画面。簡単なのでどんどん入力していこう。

まずはSpotの名前、次にブログに合ったカテゴリー、言語に日本語を追加。

Spot_IM-shot2-nasciii

自分のプロフィール画像などをアップロードしてSpotのアイコンにする。これがブログに貼付けた際に、TOP画面に表示されることになる。

アイコンの表示位置は左下か右下のどちらかを選択。バーやボタンのカラーを選択し、最後に「Save and generate code」をクリック。

Spot_IM-shot03-nasciii

あとは<body>タグの中に、コピーしたコードを貼付けて更新するだけ。<body>タグが見つかれなければ、header.phpの中を探してみよう。

spotim02

ページを更新すると左端(もしくは右端)に丸いアイコンが表示されているはず。目障りじゃないからいいね。

リアルタイムのコミュニティ空間をつくることができる「Spot.IM」をぜひ一度。

 

ひとこと
Ino(@nasciii_com)は思います。
 「It’s Free. Really.」マジで無料のやつなので試しに導入して損はなし。
s_nas
いのって誰?ナスキーって何なの?

 -WordPress, ブログ, , ,



  • このエントリーをはてなブックマークに追加

  関連記事

stingers-wordpress-nasciii

STINGERの超ハイセンスなWordPressカスタマイズブログ30選

知っておきたい厳選30サイト、伝えるために選ばれた「STINGER」。カスタマイズの参考になる素敵なブログを集めました。

stinger-custom-adsense-nasciii

【STINGER】記事一覧にかっこよくアドセンスを挿入するWordPressカスタマイズ方法

ブログのトップページの記事一覧にランダムに広告を挿入できたら格好良くありませんか?STINGERでや

Baby Monkey in a Basket

まだ間に合う!sixcoreのサーバー料金未払いでアカウント凍結になった場合の対処法

やらかした。sixcoreのサーバー代金未払いでアカウントが凍結しました。 初回料金をうっかり払い忘

2014-077 - red vs blue

ブログで使ってはいけない「赤」と「青」の話

アクセスアップを狙っている中堅、初心者ブロガーへ問います。ブログの記事にデフォルトの「赤」や「青」を

nasciii-profile-page

情報には価値があると信じています nasciii

nasciiiへようこそ nasciiiは、読者の皆さんに役立つ情報を紹介するブログメディアです。

rakuten-tshirts-nasciii

「楽天の罠」アフィリエイターが楽天銀行口座開設前に読むべきこと

楽天銀行カードの闇。安易に発行してしまうと後悔します。買い物用に楽天カード、アフィリエイト報酬受取用に楽天銀行キャッシュカードの2枚持ちを推奨。

Halloween-nasciii

JKはハロウィンにナンパされても怒らない。

ハロウィンイベントに集まった女子高生に突撃してきた。相手は全力のコスプレ、僕はただの私服姿。はたしてどう転ぶのか。「ナンパ」について語ります。

201412blog-top

2014年12月アフィリエイト収入報告〜26,788PV、18,311UU、収益ダウン31,315円

2014年12月のnasciii(ナスキー)アフィリエイト収入・アクセス解析結果。26,788PV、18,311UU、アフィリエイト収入31,315円を記録。

201410-blog-ic

2014年10月ブログ運営報告〜28,543PV、17,367 UU、収益アップ32,191円

2014年10月のnasciii(ナスキー)アクセス解析です。過去最高益、実りの一ヶ月になりました。

201411-blog-top-nasciii

2014年11月アフィリエイト収入報告〜31,806PV、20,104UU、収益アップ34,400円

2014年11月のnasciii(ナスキー)アフィリエイト収入・アクセス解析です。所感は右肩下がり。





employ 4years
サラリーマン5年目のわたくしが「お仕事」から学んだこと

春ですね。僕は今年度から社会人5年目の節目。ここで一息、これまでのサラリーマン生活を振り返ってみまし

taiwanhitoritabitop
僕が歩いた台湾70枚、写真だけで魅力をお伝えします

2泊3日で台湾にひとり旅にいってきました。 愛用のキヤノンのコンデジG15(バッテリーの保ちが最高!

protein04
これが水で美味いプロテイン「BSN Syntha-6 」に一目惚れ。

そろそろ陶芸を始めそうな勢いで老いつつあります(精神的に)、どうもいの(@nasciii_com)で

taiwan-icatch
台湾が初ひとり旅におすすめと聞いたので、検証してきた<旅行計画編>

とにかく安く台湾に行ける!のか。近年広告に力を入れているバックパッカー御用達のエクスペディアを使って行ってみることにしました。

umobile-kannna
月額3,000円のMVNO歴4ヶ月、良い点・悪い点が見えたのだ(U-mobile)

「安さ」が売りのMVNO 使い勝手ってどうなの? iPhone 6ユーザーの僕がソフトバンクからU-

  • トレンドカラー特集