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ブラウザで見るとこんな感じ。
スマートフォンのWebブラウザで見るとこんな感じ。
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カードアナリティクスダッシュボード
-
ref.
- Twitterアナリティクス
- Get more from 140 characters | Twitter Developers
- Card Validator | Twitter Developers
- Twitter公式のアクセス解析ツール「アナリティクス」が結構便利かもしれない
tags: twitter
Posted by NI-Lab. (@nilab)