あなたのWebライフを快適にしてくれそうなWebサービス(RSSRSS)などをご紹介します

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

カテゴリ » Webサービス, cssやプログラミング, その他
書いた日 » 火曜日, 2月 16th, 2010

今後に注目の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に投稿するブックマークレット


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

  • 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);
      

    10-02-16 » 11:44 AM »

  • シロ

    >geckoさん

    こにちは :-D

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

    10-02-16 » 12:18 PM »

トラックバック

TRB:
  1. :げことじ。:日常からWEBまで:
  2. とっても! ちゅどん(雑記帳) » Blog Archive » 「この記事をGoogleBuzzに投稿する」のリンクを作る為のHTMLコードとWPコード – かちびと.net

この記事のトラックバックとURL

URL:
TRB:

お気軽にコメントして下さい

*は必須です

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

You can add images to your comment by clicking here.

WPデザインギャラリー