Twitterの新しいコレクション埋め込みツールの使い方! いろいろ使いどころがありそうだ

1. コレクションを作成する

まずはツイートのコレクションを作成する必要があります。
そもそもですが、このコレクション機能って意外と知られてないんですよね。

それもそのはずで、公式機能ではあるものの、そもそも作成方法が非常に特殊というかなんというか。。だってWeb版Twitterにしてもアプリ版にしても作成メニューがないんですよ。

「じゃあどうやって作るのさ?」ってことなんですが、作成方法は2通りあって、ひとつはAPIを利用するという難易度高めな方法。そしてもうひとつがTweetDeckを利用する方法。圧倒的に後者がラクなので、解説はTweetDeckを使うやり方で進めていきます。APIに興味があるという人は、以下のページを読むと良いでしょう。

TweetDeckは以前Twitterが買収したサービス。アプリケーションでも利用できるので、常用している人も多いのではないでしょうか。

今回はWebクライアントで解説を進めていきますが、TweetDeckを開いたら、左側にあるメニューバーの[+]をクリックしましょう。
するとモーダルで[Choose column types]が表示されるので、右下にある[Collections]をクリックして、画面上にコレクションのカラムを追加します。

こんな感じで一番右側に新しいコレクションのカラムが作られるので、あとはコレクションの名前や概要を入れて、コレクションしたいツイートをドラッグ&ドロップしていくだけです。

自分自身のツイートはもちろんですが、自分以外のユーザーのツイートも追加できるので、キーワードやハッシュタグで検索して写真付きツイートだけ選んで放り込むことも可能ですよ。

これでひとまず準備は完了です。

2. コレクションの埋め込みコードを取得する

続いて作成したコレクションの埋め込みコードを取得します。
これもTweetDeckでさくりと取得が可能なのですが、上のような新しいグリッドスタイルのコレクションを貼り付けるツールが「Twitter Publish」というやつです。

ここにコレクションにユニークに振られるIDか、URLを入力することで埋め込みコードが発行されます。
とはいえ、いちいちIDとかURLを調べるのはめんどくさいですよね。ということでTweetDeckを使ってサクッとURLを送り埋め込みコードを取得しちゃいます。

作成したコレクションのカラム右上にあるアイコンをクリックすると、カラム設定が表示されます。ここに[Share]ってのがあるので、それをクリックすると3つの共有メニューが出てきます。

この中の[Embed collection]というのがそれ。
これをクリックすると、先ほどの「Twitter Publish」がコレクションのURL付きで開きます。

あとは、ここに表示されている埋め込みコードをコピーし、ウェブサイトやブログにコードを貼り付ければOK。
javascriptのコードも一緒になってるので、すでに公式ツイートボタンを導入している場合は、貼付け後にそこは消しておくといいかも。scriptタグが重複しちゃいますしね。