NI-Lab.のトップページにだけ Twitter Card を導入してみた。

Twitterカードであなたのサイトへのリンクが入っているツイートにメディアを添付できます。あなたのウェブ・ページにHTMLを数行入れるだけで、どのユーザーもあなたのサイトへのリンクをツイートすると、そのツイートを見るすべてのフォロワーがカードを見られます。

Twitterカード | Twitter Developers

Twitter Card のメタタグを埋め込む。


<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@nilab" />
<meta name="twitter:title" content="NI-Lab." />
<meta name="twitter:description" content="えぬあいらぼ" />
<meta name="twitter:creator" content="@nilab" />
<meta name="twitter:image:src" content="http://www.nilab.info/z3/z3_profile.jpg" />
<meta name="twitter:domain" content="www.nilab.info" />

URL をツイートすると Twitter カードが表示される。

パソコンのWebブラウザで見るとこんな感じ。

Twitter Card

スマートフォンのWebブラウザで見るとこんな感じ。

Twitter Card

Twitter Card を導入した理由は、Twitterアナリティクス というTwitter上のアクセス解析ツールを使いたかったから。

Twitterアナリティクスを使えるようにするには、まず Twitter Card を自分のWebサイトに導入する必要がある。

Twitterカードアナリティクスの設定

1. Twitterカードを導入する。
2. カードの承認を申請する。
3. ツイートがコンテンツにリンクされる。24時間後にレポートが利用できるようになる。

または、Twitterカードを導入する前に、コンテンツのツイート、インプレッション、クリック、およびリツイートを追跡したい場合は、上記の手順を省略し、次の手順を実行してください。

1. 次のメタタグをウェブページに追加する。
　<meta name=”twitter:site” content=”@yourusername”>
2. ツイートがコンテンツにリンクされる (マークアップの組み合わせが完全でないと、Twitterカードはツイートに添付されない)。24時間後にレポートが利用できるようになる。

Twitterヘルプセンター | Twitterカードアナリティクスダッシュボード

tags: twitter

Posted by NI-Lab. (@nilab)