ツイッターカードをこしらえてみた
2015.10.04 Sunday 20:54
ツイッターカードってなんぞ?
百聞は一見にしかず
ということでサンプルをば
てすと その2
http://t.co/SceDG6MTTP
— ここな (@kokona86) 2015, 10月 4
てすと その1
http://t.co/Uoqls9lcKH
— ここな (@kokona86) 2015, 10月 4
公式クライアント や 公式web ではお馴染みですが
サードパーティー の サービスを使っていると
殆ど目にしないかもしれません。
twitter上でプロモーションに動画を流したり
アプリインストールをスムーズに促したりと
プロモーションの面では強力なツールなのです
というわけで作り方をちょっとだけ解説
事前準備
下はどんな風に読まれるかをざっくり書いた例です。
ツイート投稿時にアドレスを入れることで
該当のアドレスにカードのメタ情報があると
詳細表示をした際にカードが表示されます。
カードは幾つか種類があります。
目的に応じたカードにあわせて
メタ情報を用意しないとうまく表示されません。
表示のテストサイトも用意されているので
何度かトライして上手く表示されるか
確認してからツイートに反映させることが可能です。
というわけで以下が手順です。
設置とテストの手順
- デベロッパーサイトで目的のカードを選択
- 選択するとカードの説明とメタ情報サンプルと解説があるので、これに従ってメタ情報を作成
- 作成したメタ情報を埋め込みたいサイトの head情報 に埋め込む
- テストサイトで上手く表示されるか確認
- 表示されたらツイートにサイトアドレスを仕込んで投稿
- 投稿内容を詳細表示してカードが表示されれば成功
カードやツイート情報はGETで取得できるっぽいので
DBに何かを放り込むというのは案外楽にできそうです。
こちらも機会があればチャレンジしてみたいと思います。
時間差分とるのが大変かも?
|∀・)ノシ というわけでメモ終了