iPhone/iPadのSafariで開いてるページをGoogle+へ簡単にシェアする方法 (ブックマークレットを使用) - Cinema A La Carte

iPhone/iPadのSafariで開いてるページをGoogle+へ簡単にシェアする方法 (ブックマークレットを使用)


Safariで開いてるページをGoogle+で共有したいのに面倒くさい…
それを解消する方法をサクッとまとめました!


Google+はアクティブに使ってる身としてはTwitterやfacebookと違い広く浅く楽しくな空間でとても心地よいSNSだなと感じます。まだまだブームとは言えませんがたくさんのユーザーと繋がることで、私はfacebook以上にアクティブに使用しています。

そんなG+の欠点はソースがオープンになってないため融通が効きにくいことです。HootsuiteやBufferといった複数のSNSへ同時投稿できるアプリでもなぜかGoogle+へは投稿できません。(Google+ページへはなぜかできるが個人ページヘはできない)

が、Safariからブックマークレットという仕組みを使用することで簡単にページのシェアができることがわかりました。細かい言葉の意味等は置いておきましょう。どうやってSafariからGoogle+へシェアするかその設定方法を画像を用いてシンプルにまとめてみます。


ちなみにこちらのページを参考にさせて頂きました!



まずはSafariを開いてください。
試しにAppleのページ(http://www.apple.com/jp/)で。
どのページでやっても設定できます。

赤矢印で指した真ん中のとこを押してください。


次に「ブックマーク」を押してください。


上のような画面になったら「保存」を押してください。


上の画面に戻ったら、
右から2番目のブックマーク一覧ボタンを押してください。


ブックマーク一覧に「アップル」というものが出てればブックマークができてます。
そしたら「編集」を押してください。


上の画面になったら赤矢印で指した「>」辺りを押してください。


赤矢印で指した2箇所を下のものに書き換えます。

1:Appleは「Google+で共有」に

2:AppleのURLは以下の長いものをコピーして置き換えてください
javascript:(function(){var%20w=600;var%20h=550;var%20x=Number((window.screen.width-w)/2);var%20y=Number((window.screen.height-h)/2);window.open('https://plus.google.com/share?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title),'','width='+w+',height='+h+',left='+x+',top='+y+',scrollbars=auto');})();

書き換えたら「完了」を押します。

この画面に戻ったらもう一度「完了」を押します。

このように「Google+で共有」に置き換わってれば設定完了です。


設定が完了したので早速使ってみましょう!

ブックマーク一覧のボタンを押してください。

「Google+で共有」を押してください。

特に変動はないですが、ここで赤矢印で指した右端のボタンを押してください。

すると別のページに共有の画面が新しく出てきます。
そのページへ切り替えましょう。

ここまでくればいつものGoogle+です。
コメントの追加ももちろんできます。

コメントを書いて「共有」押して、
これでGoogle+へ投稿されます!

使ってみて思ったことは「慣れたら超便利」ということです。何事も慣れる前はもたつきますがそれで「使えない」と断言してしまってはもったいないです!すぐ慣れるので是非Google+のブックマークレット、設定してみてくださいね!



ちなみに同じ手順でGoogle+の+1をSafariページで押せるブックマークレットもあります。

1:Appleは「+1をする」に

2:AppleのURLは以下の長いものをコピーして置き換えてください
javascript:(function(){document.getElementsByTagName('body')%5B0%5D.appendChild(document.createElement('div')).setAttribute('id'%2C'plus1')%3Bdocument.getElementById('plus1').innerHTML%3D'%3Cstyle%3E%23plus1%7Bposition%3A%20fixed%3B%20top%3A%2025px%3B%20right%3A%2035px%3B%20padding%3A%205px%3B%20background%3A%20%23fff%3Bz-index%3A99999999%7D%3C%2Fstyle%3E%3Ciframe%20src%3D%22about%3Ablank%22%20id%3D%22plus1fra%22%20frameborder%3D%220%22%20scrolling%3D%22no%22%20height%3D%2275%22%20width%3D%2265%22%3E%3C%2Fiframe%3E'%3Bdocument.getElementById('plus1fra').contentDocument.write('%3Cg%3Aplusone%20size%3D%22tall%22%20href%3D%22'%2Bdocument.location.href%2B'%22%3E%3C%2Fg%3Aplusone%3E%3Cscript%20type%3D%22text%2Fjavascript%22%3E%3C%2Fscript%3E')%3Bdocument.getElementById('plus1fra').contentDocument.getElementsByTagName('head')%5B0%5D.appendChild(document.createElement('script')).setAttribute('src'%2C'https%3A%2F%2Fapis.google.com%2Fjs%2Fplusone.js')%7D)()%3B


ブックマークレット、他にもたくさんたくさんありますが、今回はひとまずGoogle+に関する案内でした!

参考になれば幸いであります。



その他SNS関連コラムはこちら