LABO

RSS

  1. ホーム
  2. LABO
  3. Movable Type
  4. retweet.js - MovableTypeにtwitterからのアクセス数を表示

Kiyoshi Itou

retweet.js - MovableTypeにtwitterからのアクセス数を表示

2010年12月14日
Kiyoshi Itou

Movable Type - ムーバブルタイプ

最近よく見かけるサイトに設置されたtwitterのtweetボタン。
気になって調べてみたら設置は結構簡単みたいなのでご紹介。

まずはじめにこのjavascriptの作者でもあるJohn Resigさんのサイトからjavascriptをダウンロードします。

retweet.jsのダウンロード

「retweet.js」はこちらからダウンロードしていただけます。

ダウンロード後、任意のフォルダにアップロードして下記ソースをヘッダーにを記載

<script src="http://~~~~~~.com/retweet.js"></script>

あとは、アクセス数を表示したい場所に以下を埋め込むだけ。

retweet.js 縦表示の場合

<a class="retweet vert self" href="<$MTEntryPermalink$>" target="_blank"><$MTEntryTitle$>をtwitterでつぶやく</a>

retweet.js 縦表示
縦表示の場合だとこういう感じで表示されます。

retweet.js 横表示の場合

<a class="retweet self" href="<$MTEntryPermalink$>" target="_blank"><$MTEntryTitle$>をtwitterでつぶやく</a>

retweet.js 横表示
横表示の場合だとこういう感じで表示されます。

あくまでも勝手な判断だけど、縦表示の方が良く見かけるかな?
簡単に調べて書いちゃったんで、問題があるかもしれないんで、使用の際は参考程度にお考えください。もちろん自己責任で 笑またムーバブルタイプ仕様のタグを入れて紹介しましたがワードプレスでもソースを変更してもらえれば使用できます。

要はhref="" にボタンを設置するページURL
a タグ内にアンカーテキストを記入するだけで良いって事です。

CSSでカスタマイズする事も可能みたいなので興味のある方は合わせてチャレンジしてみてください。

LABOは大阪堺市でWEB制作(ホームページ制作、ネットショップ制作/ECサイト制作、ビジネスブログ制作、ロゴ制作)を行うインベントリーが気になるWEB情報やWEB技術の覚書などを公開しています。 少しでもWEB制作に関わる方々のお役にたてればと思います。 こちらに掲載されている記事に関してのお問い合わせは一切受け付けておりません。 またLABOのご利用に関しては自己責任でお願いします。

各種サービスへのお問い合わせ、お見積り依頼、ご相談はお気軽にインベントリーにご連絡ください。

ホームページからのお問い合わせ

お問い合わせフォーム

お見積り依頼フォーム

受付 24時間365日

迅速なご返答をこころがけております。

お電話でのお問い合わせ

TEL 072-320-5670

受付 平日 10:00~20:00

インベントリーのホームページを見たとお伝えください。

おかけ間違いには十分にお気を付け下さい。

  1. ホーム
  2. LABO
  3. Movable Type
  4. retweet.js - MovableTypeにtwitterからのアクセス数を表示