「この記事をGoogleBuzzに投稿する」のリンクを作る為のHTMLコードとWPコード

スポンサーリンク

今後に注目のGoogleの新しい
Webサービス、GoogleBuzzは
もうお試しになられたでしょうか?
早速「居場所がばれる」といった
騒動もありました。GoogleBuzz
は今後も色々と話題になりそう。

はてなブックマークやTwitterなどに簡単に閲覧しているページを投稿できるようにサイト管理側がリンクを置くのが今や常識になってきている印象ですが、それをGoogleBuzzに簡単に投稿できる為のコードをご紹介します。既に常識だったらごめんなさい。。

この記事をGoogleBuzzに投稿

一旦以下のようなページに移動してから、Post itemをクリックするとGoogleBuzzに投稿されます。↓
googlebuzz05
GoogleリーダーにもRSS登録されるのかと思いましたが平気そうでした。最初は少し躊躇しました。。

コード

HTMLコードです。

<a href="http://www.google.com/reader/link?url=【URL】&title=【記事タイトル】&srcTitle=【サイト名】">この記事をGoogleBuzzに投稿する</a>

WordPressなら以下のようなコードで設置できると思います。

<a href="http://www.google.com/reader/link?url=<?php the_permalink() ?>&title=<?php the_title(); ?>&srcTitle=<?php bloginfo('name'); ?>">この記事をGoogleBuzzに投稿する</a>

上記例は「この記事をGoogleBuzzに投稿する」というテキストにしていますが、画像でも大丈夫です。

デモ

googlebuzz04
↑ 実装。

この記事でテストできます。→この記事をGoogleBuzzに投稿する

GoogleBuzzも、まだ出たばかりなのでコードも今後変るかもしれませんが、今のところは上記のコードでBuzzに投稿できます。

追記・ブックマークレット

geckoさんがコメントでブックマークレットのjsを紹介してくれました。h1を取得する仕様だったので<title></title>内を取得するように変えさせて頂きました。geckoさん、有難う御座います:)

↓ブックマークレットです。
GoogleBuzzに投稿

via:【javascript】見てるページをGoogleBuzzに投稿するブックマークレット

URL :
TRB :

Comments & Trackbacks (4)

  1. gecko

    今見てるページを投稿するブックマークレットを作ってみた

    javascript:var d=document,s=d.title,t=d.evaluate('//h1',d,null,7,null).snapshotItem(0).textContent,l=location.href;location.href='http://www.google.com/reader/link?url='+l+'&title='+t+'&srcTitle='+s;void(0);

  2. シロ

    >geckoさん

    こにちは :-D

    js、有難う御座いました :-D h1取得だったのでtitleを取得するようにさせて頂き、公開しました。助かります :mrgreen:

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services