2012/12/19

Google+とBloggerの新しい連動機能を公開されました!


Blogger投稿編集画面で、Google+のメンション挿入が可能に!

投稿後、Google+共有画面にメンションが自動で入ります♪
(「投稿後に共有のメッセージを表示する 」の設定をしてる場合)

( +Yasuo Maeda +京都WEB 更新しました)







検索から来られた方など、私のGoogle+【http://m-y-p.com/+
もヨロシクです♪

この投稿への「+1」など↓もヨロシクお願いします(^ ^)/
 

2012/11/29

BloggerのGoogle+新フォロワーガジェットをWEBページに設置する方法♪

昨日、BloggerとGoogle+の連携機能として新フォロワーガジェットが公開されました。(下記GIFアニメ参照/このブログの右上にも設置しております)

このガジェットをWEBページに任意のサイズで設置することに成功しましたので、設置方法をご紹介いたします。

実際にWEBページに設置した【デモページはコチラ】です。

下記は実際に設置して表示させております。



【Google+ フォロワー ガジェット(Followers Gadget)の設置方法】

1、<head>内に以下のように設置します。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

<script type="text/javascript">
window.___gcfg = {lang: 'ja'};

(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー



2、表示させたい箇所に以下のように書きます。
*21桁のGoogle+IDはあなたのIDに置き換えて設置してください。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

コチラは個人アカウントの場合

<div class="g-plus" data-action="followers" data-href="https://plus.google.com/116174129635451094329" data-width="520" data-height="360" data-rel="author"></div>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

コチラはGoogle+ページアカウントの場合

<div class="g-plus" data-action="followers" data-href="https://plus.google.com/102493521432519923540" data-width="520" data-height="360" data-rel="publisher"></div>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

以上です。
横幅は「data-width」、縦の高さは「data-height」の数値を変更して調整して下さい。
このサイズに応じて表示するフォロワーの人数が変化します。

検索から来られた方など、私のGoogle+【http://m-y-p.com/+】もヨロシクです♪
この投稿への「+1」など↓もヨロシクお願いします(^ ^)/
 

2012/09/01

Bloggerの【Navbar】が一新!Google+の共有ボタン設置など♪

「管理画面>レイアウト>navbar編集」で非表示も可能になったりと、
  表示を消す方の多いBlogger Navbarですが、パワーアップしましたよ!
 

・Google+の共有ボタンが設置されました。
・その他から、メール・Facebook・Twitterへの共有が可能!

表示してもいいかな!という感じになってきてますね。でも、私的には、下記2つの事項が気になるので、まだ非表示のままかな…という感じです(^ ^;

「次のブログ」の機能をなくしてほしい。
・ブロガーのマークを自分のファビコンに変更できるようにしてほしい。

特に、今回「次のブログ」機能が残ってるのが残念です。
ブログを見て頂いてるBloggerのことを知らない方は、きっと「今見てるブログ投稿者の次の投稿が見れる」と思うのに対して、実際はクリックした時、ランダムに別のまったく関係のないBloggerユーザーのブログが表示される、というのは意味不明な動作のように思います。しかも英語圏の方のブログが表示されることが多いので…。

  この投稿への「+1」などもヨロシクお願いします(^ ^)/♪

2012/06/26

Google I/O基調講演のライブ中継と自分のGoogle+投稿をホームページやブログに設置できるガジェット登場!

Google I/O基調講演のライブ中継と自分のGoogle+投稿をホームページやブログに設置できるガジェットがGoogleから公開されました。

Google I/Oサイトのガジェット作成ページで簡単に作成できます。

 ・基調講演のライブストリームが上部に表示されます。
(2日後には基調講演のライブ映像が流れだす予定です)

 ・下部には自分のGoogle+からリアルタイムで投稿を表示できます。

 ・I/Oの速報を右半分に表示するかどうかも指定可能です。

 ・ガジェットのサイズや色をカスタマイズできます。

Google I/O Live Gadget Configurator
https://developers.google.com/events/io/io-live-gadget-configurator

下記は実際にこのガジェットを使い設置しております。自分のブログなどに設置しておけばいつでも見れるので、少しI/Oイベントに参加した気分を味わえますよ♪

※下部に表示されるGoogle+投稿内のリンクが、ガジェット内に表示されてしまいます。別ウインドウで表示するようにしてほしいところですね。


 


I/Oイベント終了後、下半分だけのバージョンでこのガジェットを残してくれるかは、まだ未定のようですが、そうなれば、また使い道が出て来そうですね♪

この投稿への「+1」などもヨロシクお願いします(^ ^)/♪


2012/06/25

Google検索結果の著者表示(rel="author")でイラストのプロフィール画像でも表示させる方法!

方法は簡単です!その前に下記を一読して頂ければ嬉しいです。 

2011年11月に米国でスタートした「Google検索結果に著者情報を表示する機能」が、2012年6月15日より日本でも開始されましました。

検索結果に著者情報が表示されるようになりました(Google Japan Blog)
http://googlejapan.blogspot.jp/2012/06/blog-post_15.html

この著者表示ですが、Google+でプロフィール画像登録時に顔写真が認識されない状態で登録している場合、著者情報も表示されないシステムになっているようです。

ですが、以下の方法を使えば、
「イラストでもキャラクターでも登録が可能」なのです。

【追記 2013年3月15日】
Googleの変更により、現在この方法を使っても表示できなくなっております。
ーーーーーー 追記ココまで ーーーーー



著者表示につきましては、下記Googleが公開している設定が基本的に必要となります。
ウェブマスターツールのヘルプ「検索結果内の著者情報」
http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=1408986


【設定される前にお読み頂きたいこと】

この方法を使って著者表示に成功しても、Googleから正式な規約が公開され、イラストが禁止された場合など、せっかく覚えてもらったプロフィール画像を利用できなくなることがあるかもしれませんので、堂々と顔写真を使うのが良いのかもしれません。

私の場合、利用しているキャラクターは自分で制作したキャラクターで、インターネットを始めた当初から私のインターネット上での交流用プロフィール画像として利用しております。Google+でも既に多くの方とこのキャラクターをプロフィール画像として交流させて頂いてますので、このような方法で掲載しております。


【掲載する画像について】

この方法を使っても使わなくても、実際に表示される掲載画像が以下のようなものは避けた方がいいですね。

・他人の写真、芸能人、著名人の写真を使わない(例:AKBなど)
・著作権のあるキャラクターやロゴを無断利用しない(例:ミッキーやGoogleロゴなど)
・使って良い画像でも自分と認定しにくいものは使わない(例:初音ミクなど)
・複数の方同士で同じ画像を登録しない(例:チームロゴ・会社ロゴなど)


【Google検索の著者表示でイラスト画像表示に成功した時の手順】

それでは、前置きが長くなりましたが、表示された時の状況をご説明します。

2012年06月20日 「Yauso Maeda」で検索した時は、まだ表示されていませんでした。
この日に、あとでご紹介する方法を試してみました。



2012年06月23日 同じく「blog.m-yp.com」や「Yauso Maeda」で検索したところ、下記の用に表示に成功してます。およそ3日で表示されました。



友人に頼んで試してもらったところ違う環境でも表示されてることを確認できました。(別の知人はまだ反映されていませんでした)


変更したことは1点だけです。

左が掲載される前のプロフィール画像で、右が掲載に成功したプロフィール画像です。見たところ、そのままの画像を使って掲載できたように見えるでしょ?


掲載に成功した右の画像をクリックして拡大してみて下さい。
もうおわかり頂けたと思います♪ 要するにキャラクターは背景であり、プロフィール画像が小さい方ということです。(私は以下のタグ付けはしていません)


認識されたプロフィール画像について
登録するプロフィール画像サイズは、本来ですと250×250ピクセルで登録できますが、私の場合、このプロフィール画像サイズ(ここではキャラクター… 背景ですね)を1500×1500ピクセルくらいに拡大し、そして46×68ピクセル位のプロフィール画像を邪魔にならないところに、色目や彩度を調整した上で設置しました。


認識される画像かどうかを確認する方法
Google+の「プロフィールの写真変更」の操作で確認できます。下記、左が認識できなかった時、右が認識できた時の画面です。(クリックで拡大できます)



現在、Google+で非常に良い記事を書かれていたり、おもしろいネタや為になることなどを投稿され、たくさんのフォロワーがおられる方のプロフィール画像の多くがイラストなど、実写真でないものを利用されておられます。現に、Googleのおすすめユーザーにも実写真でない方も多いです。

Googleのおすすめユーザー
https://plus.google.com/u/0/getstarted/follow


いくらプロフィール登録時に認識されるプロフィール画像であっても、掲載されてるものが芸能人など他人の写真では意味がありません。

このようなことから、ぜひとも、
写真かイラストという区別ではなく、
上記【掲載する画像について】で取り上げたような、
ルールを守っているか、いないか、
を基準にしてプロフィール画像が掲載されるようにしてもらいたい、と思っております。

賛否両論あるかと思いますが、問題提議にもなるので投稿しました。
Googleさん、この方法に問題があれば元に戻しますのでご連絡下さい(^ ^;

この投稿への「+1」などもヨロシクお願いします(^ ^)/♪


2012/06/20

テスト中。著者情報を表示「?rel=author」はGoogleプロフィール画像が重要

Googleプロフィール画像が写真でない場合、表示しない。
いろいろテスト。著者情報を表示テスト「?rel=author」

以下にブログを書きました。

Google検索結果の著者表示(rel="author")で、

イラストのプロフィール画像でも表示させる方法!

http://blog.m-y-p.com/2012/06/googlerelauthor.html

2012/05/11

Google+ハングアウト オンエアのブログ埋込み中継テスト

Google+ハングアウト オンエアのブログ埋込み中継テストしています。

【追記】ライブ放送は終了いたしました。



この投稿への「+1」などもヨロシクお願いします(^ ^)/♪

2012/04/18

Googleサーバーに置かれたアイコン直リンク142ケ♪ abc順

SNSやブログでGoogle関連の投稿をする時に役立つアイコンリンクです。
adsense adsense http://www.google.com/images/icons/product/adsense-128.png
adwords adwords http://www.google.com/images/icons/product/adwords-128.png
adwords_editor adwords_editor http://www.google.com/images/icons/product/adwords_editor-128.png
adwords_express adwords_express http://www.google.com/images/icons/product/adwords_express-128.png
affiliatenetwork affiliatenetwork http://www.google.com/images/icons/product/affiliatenetwork-128.png
alerts alerts http://www.google.com/images/icons/product/alerts-128.png
analytics analytics http://www.google.com/images/icons/product/analytics-128.png
android android http://www.google.com/images/icons/product/android-128.png
android_market android_market http://www.google.com/images/icons/product/android_market-128.png
app_engine app_engine http://www.google.com/images/icons/product/app_engine-128.png
apps apps http://www.google.com/images/icons/product/apps-128.png
apps_marketplace apps_marketplace http://www.google.com/images/icons/product/apps_marketplace-128.png
authenticator authenticator http://www.google.com/images/icons/product/authenticator-128.png
blogger blogger http://www.google.com/images/icons/product/blogger-128.png
blogs blogs http://www.google.com/images/icons/product/blogs-128.png
bookmarks bookmarks http://www.google.com/images/icons/product/bookmarks-128.png
books books http://www.google.com/images/icons/product/books-128.png
boost boost http://www.google.com/images/icons/product/boost-128.png
buzz buzz http://www.google.com/images/icons/product/buzz-128.png
calendar calendar http://www.google.com/images/icons/product/calendar-128.png
checkout checkout http://www.google.com/images/icons/product/checkout-128.png
chinese_ime chinese_ime http://www.google.com/images/icons/product/chinese_ime-128.png
chrome chrome http://www.google.com/images/icons/product/chrome-128.png
chrome_web_store chrome_web_store http://www.google.com/images/icons/product/chrome_web_store-128.png
chromium chromium http://www.google.com/images/icons/product/chromium-128.png
chromium_web_store chromium_web_store http://www.google.com/images/icons/product/chromium_web_store-128.png
classifieds classifieds http://www.google.com/images/icons/product/classifieds-128.png
cloud_storage cloud_storage http://www.google.com/images/icons/product/cloud_storage-128.png
cloudprint cloudprint http://www.google.com/images/icons/product/cloudprint-128.png
code code http://www.google.com/images/icons/product/code-128.png
consumer_surveys consumer_surveys http://www.google.com/images/icons/product/consumer_surveys-128.png
contacts contacts http://www.google.com/images/icons/product/contacts-128.png
customsearch customsearch http://www.google.com/images/icons/product/customsearch-128.png
desktop desktop http://www.google.com/images/icons/product/desktop-128.png
dictionary dictionary http://www.google.com/images/icons/product/dictionary-128.png
directionsearch directionsearch http://www.google.com/images/icons/product/directionsearch-128.png
directory directory http://www.google.com/images/icons/product/directory-128.png
docs docs http://www.google.com/images/icons/product/docs-128.png
docs_cloud_connect docs_cloud_connect http://www.google.com/images/icons/product/docs_cloud_connect-128.png
drawings drawings http://www.google.com/images/icons/product/drawings-128.png
earth earth http://www.google.com/images/icons/product/earth-128.png
earth_client earth_client http://www.google.com/images/icons/product/earth_client-128.png
earth_enterprise earth_enterprise http://www.google.com/images/icons/product/earth_enterprise-128.png
earth_pro earth_pro http://www.google.com/images/icons/product/earth_pro-128.png
earthbuilder earthbuilder http://www.google.com/images/icons/product/earthbuilder-128.png
ebooks ebooks http://www.google.com/images/icons/product/ebooks-128.png
emaily emaily http://www.google.com/images/icons/product/emaily-128.png
engage engage http://www.google.com/images/icons/product/engage-128.png
english_ime english_ime http://www.google.com/images/icons/product/english_ime-128.png
enterprise_earth_maps enterprise_earth_maps http://www.google.com/images/icons/product/enterprise_earth_maps-128.png
fastflip fastflip http://www.google.com/images/icons/product/fastflip-128.png
finance finance http://www.google.com/images/icons/product/finance-128.png
forms forms http://www.google.com/images/icons/product/forms-128.png
freebase freebase http://www.google.com/images/icons/product/freebase-128.png
fusion_tables fusion_tables http://www.google.com/images/icons/product/fusion_tables-128.png
gdn gdn http://www.google.com/images/icons/product/gdn-128.png
goo_gl goo_gl http://www.google.com/images/icons/product/goo_gl-128.png
goog411 goog411 http://www.google.com/images/icons/product/goog411-128.png
google_favicon google_favicon http://www.google.com/images/icons/product/google_favicon-128.png
google_generic google_generic http://www.google.com/images/icons/product/google_generic-128.png
googlemail googlemail http://www.google.com/images/icons/product/googlemail-128.png
googlemail_offline googlemail_offline http://www.google.com/images/icons/product/googlemail_offline-128.png
gplus gplus http://www.google.com/images/icons/product/gplus-128.png
groups groups http://www.google.com/images/icons/product/groups-128.png
guru guru http://www.google.com/images/icons/product/guru-128.png
gwt gwt http://www.google.com/images/icons/product/gwt-128.png
gwt_designer gwt_designer http://www.google.com/images/icons/product/gwt_designer-128.png
health health http://www.google.com/images/icons/product/health-128.png
help help http://www.google.com/images/icons/product/help-128.png
ideas ideas http://www.google.com/images/icons/product/ideas-128.png
igoogle igoogle http://www.google.com/images/icons/product/igoogle-128.png
images images http://www.google.com/images/icons/product/images-128.png
ime_base ime_base http://www.google.com/images/icons/product/ime_base-128.png
ime_jp ime_jp http://www.google.com/images/icons/product/ime_jp-128.png
ime_open_source ime_open_source http://www.google.com/images/icons/product/ime_open_source-128.png
interactive_media_ads interactive_media_ads http://www.google.com/images/icons/product/interactive_media_ads-128.png
knol knol http://www.google.com/images/icons/product/knol-128.png
labs labs http://www.google.com/images/icons/product/labs-128.png
latitude latitude http://www.google.com/images/icons/product/latitude-128.png
mapmaker mapmaker http://www.google.com/images/icons/product/mapmaker-128.png
maps maps http://www.google.com/images/icons/product/maps-128.png
maps_for_mobile maps_for_mobile http://www.google.com/images/icons/product/maps_for_mobile-128.png
mobile mobile http://www.google.com/images/icons/product/mobile-128.png
mobile_app mobile_app http://www.google.com/images/icons/product/mobile_app-128.png
moderator moderator http://www.google.com/images/icons/product/moderator-128.png
music music http://www.google.com/images/icons/product/music-128.png
mydevices mydevices http://www.google.com/images/icons/product/mydevices-128.png
news news http://www.google.com/images/icons/product/news-128.png
notebook notebook http://www.google.com/images/icons/product/notebook-128.png
offers offers http://www.google.com/images/icons/product/offers-128.png
open_source_programs open_source_programs http://www.google.com/images/icons/product/open_source_programs-128.png
orkut orkut http://www.google.com/images/icons/product/orkut-128.png
pack pack http://www.google.com/images/icons/product/pack-128.png
pagespeed pagespeed http://www.google.com/images/icons/product/pagespeed-128.png
panoramio panoramio http://www.google.com/images/icons/product/panoramio-128.png
partner_programs partner_programs http://www.google.com/images/icons/product/partner_programs-128.png
partner_search partner_search http://www.google.com/images/icons/product/partner_search-128.png
patents patents http://www.google.com/images/icons/product/patents-128.png
peoplemode peoplemode http://www.google.com/images/icons/product/peoplemode-128.png
photos photos http://www.google.com/images/icons/product/photos-128.png
picasa picasa http://www.google.com/images/icons/product/picasa-128.png
picnik picnik http://www.google.com/images/icons/product/picnik-128.png
places places http://www.google.com/images/icons/product/places-128.png
playn playn http://www.google.com/images/icons/product/playn-128.png
plusone plusone http://www.google.com/images/icons/product/plusone-128.png
plusone_resting plusone_resting http://www.google.com/images/icons/product/plusone_resting-128.png
postini postini http://www.google.com/images/icons/product/postini-128.png
presentations presentations http://www.google.com/images/icons/product/presentations-128.png
projecthosting projecthosting http://www.google.com/images/icons/product/projecthosting-128.png
qna qna http://www.google.com/images/icons/product/qna-128.png
reader reader http://www.google.com/images/icons/product/reader-128.png
recipe_search recipe_search http://www.google.com/images/icons/product/recipe_search-128.png
research research http://www.google.com/images/icons/product/research-128.png
scholar scholar http://www.google.com/images/icons/product/scholar-128.png
search search http://www.google.com/images/icons/product/search-128.png
search_for_mobile search_for_mobile http://www.google.com/images/icons/product/search_for_mobile-128.png
search_pointer search_pointer http://www.google.com/images/icons/product/search_pointer-128.png
shopping shopping http://www.google.com/images/icons/product/shopping-128.png
shortlinks shortlinks http://www.google.com/images/icons/product/shortlinks-128.png
sidewiki sidewiki http://www.google.com/images/icons/product/sidewiki-128.png
sites sites http://www.google.com/images/icons/product/sites-128.png
sitesearch sitesearch http://www.google.com/images/icons/product/sitesearch-128.png
sms sms http://www.google.com/images/icons/product/sms-128.png
spreadsheets spreadsheets http://www.google.com/images/icons/product/spreadsheets-128.png
statement statement http://www.google.com/images/icons/product/statement-128.png
talk talk http://www.google.com/images/icons/product/talk-128.png
tasks tasks http://www.google.com/images/icons/product/tasks-128.png
toolbar toolbar http://www.google.com/images/icons/product/toolbar-128.png
transit transit http://www.google.com/images/icons/product/transit-128.png
translate translate http://www.google.com/images/icons/product/translate-128.png
tvads tvads http://www.google.com/images/icons/product/tvads-128.png
v8 v8 http://www.google.com/images/icons/product/v8-128.png
vault vault http://www.google.com/images/icons/product/vault-128.png
videos videos http://www.google.com/images/icons/product/videos-128.png
voice voice http://www.google.com/images/icons/product/voice-128.png
wallet wallet http://www.google.com/images/icons/product/wallet-128.png
wave wave http://www.google.com/images/icons/product/wave-128.png
webelements webelements http://www.google.com/images/icons/product/webelements-128.png
webmaster_tools webmaster_tools http://www.google.com/images/icons/product/webmaster_tools-128.png
websearchfeatures websearchfeatures http://www.google.com/images/icons/product/websearchfeatures-128.png
website_optimizer website_optimizer http://www.google.com/images/icons/product/website_optimizer-128.png
youtube youtube http://www.google.com/images/icons/product/youtube-128.png

Thanks! via Google Icons
https://plus.google.com/112336388186547313112/posts/8bHvxPUyzhh
 
この投稿への「+1」などもヨロシクお願いします(^ ^)/♪