Created with Admarket's flickrSLiDR.
STORE SOLO 業務案内 BLOG 会社概要 お問い合わせ
TOP > BLOG  > Movable TypeにTweetボタンを設置する

Movable TypeにTweetボタンを設置する

最近ブログ記事の一番下にTweetボタンやいいね!ボタン、mixiボタンなどが設置されているのをよく見かけます。
設置するのは難しそうなイメージがあるのですがパーツが配布されているので簡単です。
今回はムーバブルタイプにTweetボタンを設置してみようと思います。

1.まずhttp://twitter.com/goodies/tweetbuttonにアクセスします。

2.1番の「ボタンを選択してください。カスタマイズすることもできます。」の項目から「ボタン」のテキストをクリックして好みのTweetボタンを選択します。

3.1番の「ボタンを選択してください。カスタマイズすることもできます。」の項目から「ツイート内テキスト」のテキストをクリックし

「ボタンが表示されるページのタイトル。」ではないラジオボタンをクリックしその隣のテキストスペースに「<$MTEntryTitle$>」と入力します。

4.1番の「ボタンを選択してください。カスタマイズすることもできます。」の項目から「URL」のテキストをクリックし「ボタンが表示されるページのURL」ではないラジオボタンをクリックしその隣のテキストスペースに「<$MTEntryPermalink$>」と入力します。

5.同じページ内の下部のテキストスペースにソースが生成されているのでそのソースをまるごとコピーします。

6.ムーバブルタイプの任意のブログのテンプレートの日付を生成しているテンプレート内の任意の箇所にこのソースをペーストします。

7.該当のブログの全てに再構築をかけて完了です。
これでTweetボタンをクリックすると自動で「タイトル+URL」が記載される様になります。

※実際にブログ記事でプレビューしTweetボタンをクリックした時には短縮urlになっているのですがTwitter上ではフルアドレスになっています
これは失敗では無いそうです。
ツイート時には短縮urlとして表示され、どんなに長いurlでも最大20文字以上にはカウントされないそうです。
bit.lyなどですと見ただけではリンク先がわかり難いという短所があるのですがt.coだとオリジナルのurlが表示されるためどこのサイトにリンクを貼っているのかがわかりやすくて安心ですね。

i station 「Twitter、全リンクを公式短縮サービス「t.co」に変換するサービスを今夏スタート」
CATEGORY |  |  |