無分類雜文 08 Nov 2007 12:33 pm

推到 Twitter!
推到 Plurk!


輕輕鬆鬆「被」推文上 Twitter！



為免有讀者看這篇文章一頭霧水，我先貼簡介一下 Twitter 是什麼。（當然你直接 google 一下 Twitter 可能更快）。

twitter

Twitter， 有人說他是 microblog（微型部落格），但對我個人來說，它更像一個網頁版 IRC 聊天室。因為長度的關係，這裡很適合輸入一小段一小段的東西。這個網站，要說有什麼作用？其實也沒什麼。不過大凡只要是人類，都會遇到一種情形，不管是在上班、上課、寫作業，總會有那種窮極無聊或靈光一閃的時刻，心裡衝出一串碎碎念。

而這些零碎絮語，幸運的話，旁邊有同學可讓你發洩。不幸運的話，跟同事批哩啪啦一陣還會被當神經病。而 Twitter 就是一個可以讓你自在解放的地方（隨地便溺的快感？）。一句話一句話的零碎片段並沒有什麼，不過當自己的主頁出現許多旁人的一句一句話，就會激起許多好玩的效應。而 Twitter 因為可以綁定 IM ( MSN/Yahoo Messenger / Gtalk 等等…），還可以透過手機更新。這種隨時隨地互動的感覺，讓只要是剛上手的人都會喜歡上它。

這次去北京中文網誌年會，不管是台灣團，或者是大陸的朋友，每個人幾乎都是無時無刻拿著手機或筆電在「推特」或是在「唧歪」。而每當交換名片的時候，大家總會多補上一句，「那您的 twitter 帳號是？」。可見它的魅力。

名片6

（這裡就不得不佩服本人的預見先知了，早一 步的在年會上用的名片上印了 twitter 帳號 ）

Anyway，因為充分具備了「一句話」的特性，所以很多人嘗試在上面綁定服務玩出各式各樣的創意。（twitter 也是很好的 SEO 場）
—————
而部落格與 Twitter 界接 當中，最簡單又頻繁的運用的就是 TwitThis 。

只要網誌上的文章有加了 TwitThis 的語法，別人就可以方便的把這篇文章推上 Twitter 去，告訴它的朋友自己在讀這篇文章。（類似推書籤的意思，只是可以更快速的告訴你的朋友群在讀這篇文章）

twitthis

但是，TwitThis 還是有一個缺點。「它」只能被放在「單篇文章」的頁面裡。也就是語法只能抓到正在看的文章的這篇連結和標題而已。這就有點小小困擾。萬一，我就是想要在前面這「第一頁」推文，不想點進去再推文這麼麻煩呢？

（因為如果把語法放在 wordpress 的 index.php ，我要推 index.php 上的 http://blog.xdite.net/?p=435 這篇文章，原先的設計就只會抓到 blog.xdite.net，如此一來，放置這段語法的推薦的意義就沒有了。）

—-
為了解決這個小小的麻煩。我做了一個 for wordpress 版的小小 hack，分享給大家。如果其他朋友有興趣的話，也可開發出其他 BLOG 的版本。

首先，你要做的是做出一個自己版本的 javascript。可以抓 Twitthis 提供的 javascript 回來改改好後放在自己的空間裡，然後需要使用時，再呼叫自己這個版本。

我只做了小小更動。（懶得學的可以直接抓我改好的）

原先的版本是

var TwitThis = {
pop : function () {
window.open(”http://twitthis.com/twit?url=”+encodeURIComponent(location.href)+”&title=”+((document.title) ? encodeURIComponent(document.title.replace(/^\s*|\s*$/g,”)) : “”), “TwitThisPop”, “width=600, height=500, location, status, scrollbars, resizable”);
}
}

我將之改成

var TwitThis = {
pop : function (postlink,posttitle) {
window.open(”http://twitthis.com/twit?url=”+encodeURIComponent(postlink)+”&title=”+((posttitle) ? encodeURIComponent(posttitle.replace(/^\s*|\s*$/g,”)) : “”), “TwitThisPop”, “width=600, height=500, location, status, scrollbars, resizable”);
}
}

另外在自己的 blog 中的 index.php 裡加了這一段

<script type=”text/javascript” src=”http://blog.xdite.net/twitthis.js”></script>

<a href=”javascript:;” onclick=”TwitThis.pop(’<?php the_permalink() ?>’,'<?php the_title(); ?>’);”> 將此篇文章推上 Twitter！</a>

如此一來，大家就可以馬上看、馬上在下面推了。



This work is licensed under a Creative Commons Attribution-Share Alike 2.5 Taiwan License. [本文採 cc-by-sa 授權，白話意思就是可以直接轉走，但是要附出處與作者）]

Creative Commons License

15 Responses to “輕輕鬆鬆「被」推文上 Twitter！”


  1. on 08 Nov 2007 at 3:02 pm 1.fauzty said …

    借用XDite高人氣宣傳閩南語正字： 碎碎唸（╳）踅踅唸（○） 踅，台語se̍h，國語ㄒㄩㄝˊ。這是我為了twitter特地去查過的，所以大家來twitter，大家來踅踅（ㄙㄝˇㄙㄝˇ，ㄒㄩㄝˊㄒㄩㄝˊ）唸。

  2. on 08 Nov 2007 at 10:19 pm 2.蛋治 said …

    不知道是否適合用在blogger.com?
    你真的用這個名片啊?! (逼人家唸出”台灣的有名大站”)

    等下一來試驗一下. 謝謝~

  3. on 08 Nov 2007 at 10:36 pm 3.Brian said …

    我用Xuite的網誌看來是絕緣了= =

  4. on 08 Nov 2007 at 11:12 pm 4.cjin said …

    @蛋治
    當主持人抽獎,抽到xdite名片時
    真的是念出: 來自台灣的有名大站

    orz

  5. on 08 Nov 2007 at 11:21 pm 5.xdite said …

    我是真的作了兩個版本。一個有真名和真電話。一個是假名真叉滴」和假電話「XXXXX」。

    但是我都放了「台灣的有名大站」逼人念…XD

  6. on 09 Nov 2007 at 1:45 am 6.蛋治 said …

    @cjin 我有看到twitter… :P
    (怎麼在網誌回應也用twitter方式?!)

    主持人沒當場囧掉嗎? :P
    笑死.

  7. on 09 Nov 2007 at 9:57 pm 7.Blog.XDite.net » Funp Effect ? said …

    [...] twitter，不知道是文章寫的不錯還是因為我作了 twitthis 的 hack，讓讀者可以很輕鬆的推我文上 Twitte，從 Twitter 來的 Ref [...]

  8. on 10 Nov 2007 at 10:18 am 8.豬拔 said …

    可以做出Pixnet適用的版本嗎^^”

  9. on 20 Nov 2007 at 9:46 am 9.carlo said …

    可以加你twitter嗎?
    陌生的人會造成你的困擾嗎?
    (雖然你沒鎖住…)

  10. on 20 Nov 2007 at 10:18 am 10.xdite said …

    當然可以啊

  11. on 07 Feb 2008 at 3:52 am 11.SLEEPING YIA ::PIXNET BLOG:: said …

    [掛件]Twitter…

    <a href=\"http://zh.wikipedia.org/w/index.php?title=Twitter&amp;variant=zh-tw\">Twitter</a>是一個社交網路（Social network）及微型部落格（Micro-blogging）服務。<br /><br /><a href=\"ht…

  12. on 09 Apr 2008 at 12:36 am 12.Blog.XDite.net » Twitio.us ：推特社會化書籤 said …

    [...] 如果你不知道什麼是 Twitthis 的話，可以看看過往我寫的這篇文章：「輕輕鬆鬆「被」推文上 Twitter！」。 [...]

  13. on 18 May 2009 at 6:14 pm 13.Twitter使用技巧 (下) | DreamersCorp. said …

    [...] Twitter Balloon：可用自己的相片製作Twitter Badge，可見分享│Twitter Badge - Twitter Balloon [ 中文版製作 ] Twitthis：提供小按鈕，將目前正瀏覽的文章網址發送到twitter分享，除了獨立按鈕外，還有Wordpress plugin以及Bookmarklet。可見 這裡│TwitThis～把文章加入你的Twitter！、輕輕鬆鬆「被」推文上 Twitter！ [...]

  14. on 17 Jul 2009 at 1:07 pm 14.Twitter使用技巧 (下) | DreamersCorp. said …

    [...] Twitter Balloon：可用自己的相片製作Twitter Badge，可見分享│Twitter Badge – Twitter Balloon [ 中文版製作 ] Twitthis：提供小按鈕，將目前正瀏覽的文章網址發送到twitter分享，除了獨立按鈕外，還有Wordpress plugin以及Bookmarklet。可見 這裡│TwitThis～把文章加入你的Twitter！、輕輕鬆鬆「被」推文上 Twitter！ [...]

  15. on 04 Aug 2009 at 10:25 pm 15.台灣派也是要twi一下阿!! | katej.tw said …

    [...] 綠正妹問到的twitio.us其實正是把Twitter跟書籤功能完美結合的概念。而在之前分別還有Twitthis和twitthat有類似的功能；先是twitthis掛了，於是傳說中的小海寫出twitthat遞補，xdite緊接著寫出twitio.us，並增加紀錄推文的強大功能。 [...]

Trackback This Post | Subscribe to the comments through RSS Feed

Leave a Reply