【完全版】これであんたもシェア名人。Facebookシェアボタンの実装方法まとめ
どうも、イソップです。 Facebookシェアの実装方法って何種類もあってわかりづらかったのでまとめてみました。 シェアボタンはいいねボタンとどう違うのか。 それから公式ボタンの作成方法やリンクでのシェア設定、JavaScriptでの設定方法をご紹介します。 Facebookシェアとは Facebookのシェアは、シェアしたいサイトの情報を自分と友達のタイムラインに表示させる仕組みです。 勘違いしてほしくないのですが、「いいね！」とは少しだけ挙動が違います。 いいねは友達のタイムラインにいいねしたことが表示されますが、自分のタイムラインには表示されません。 いいねはリアクションで、シェアは共有という位置づけなので、Facebookで拡散させるにはシェアが断然効果的です！ また、シェアされる情報はシェアするページのOGP情報です。 ボタンの設定ではシェア内容は変更できませんのでご注意を！ そ
WordPress でオリジナルの SNS シェアボタンを実装する方法 | WP-E (仮)
2015年12月1日追記 : Twitter のツイート数取得 API count.json の提供終了に伴い、内容を修正しています。 EXP では以前まで WP Social Bookmarking Light を使っていましたが、つい最近オリジナルのシェアボタンに切り替えました。ただし、pocket は公式の API が公開されていないので公式ボタンを採用しています。この記事では Facebook、はてブ、Twitter のオリジナルシェアボタンの実装方法を紹介していきます。 目次 Facebook 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 はてなブックマーク 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 Twitter 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 pocket さいごに PHP JavaScript Faceboo
ソーシャルプラグインのパフォーマンスを解析してますか？
最近では多くのウェブサイトやブログで「いいね！」や「ツイート」などのソーシャルプラグインをつけているページはよく見かけますよね？ サイト管理者の多くはGoogleAnalyticsなどの解析ツールで、ソーシャルメディアからの流入は把握していても、ウェブサイトに埋め込んだそれぞれのプラグインがどれくらいのパフォーマンスを発揮したのかを見ていないのではないでしょうか？ Facebookではソーシャルプラグインのパフォーマンスが分析できる「ドメインインサイト」という機能が提供されています。設定も簡単なので是非とも設定されることをおすすめします。 ドメインインサイトの設定 STEP1 インサイトのダッシュボードにアクセス インサイトのダッシュボード（ https://www.facebook.com/insights/ ）にアクセスし、画面右上にある「ウェブサイトのインサイト」ボタンをクリック S
サイトに設置した「いいね!」の押され具合をデータで解析する方法 | 初代編集長ブログ―安田英久
今日は、ソーシャルメディア解析の話題を。自分のサイトに設置したFacebookの「いいね!」ボタンの使われ具合を分析する方法です。Facebookインサイトを使う方法と、APIでデータを取得する方法の2種類を紹介しましょう。 最近、Facebookの「いいね!」ボタンを見かけることも増えました。Web担でも2010年9月から「いいね!」ボタンを設定していて、先日の「TwitterやFacebookで共有されたリンクが検索順位に直接影響する――グーグルとBingが明言」の記事では何と840いいねを記録しました。 さて、この「いいね!」ボタンの押され具合を分析するにはどうすればいいのでしょうか？ 各ページを表示してボタンの横に表示される数字を目視で確認していくのもいいのですが、もう少しデータとして分析したいですよね。 それには、「Facebookインサイトを使う方法」と「APIを使う方法」の2
Facebookの情報を取得したり投稿したりするためのアクセストークンの取得方法 | tagamidaiki.com
こんにちは！ 普段からFacebookのAPIを叩いたりしているのですが、アクセストークンの取得の方法をなんとなくまとめる機会があったので、このブログでも軽くまとめていこうかなと思います。 そもそもアクセストークンって？ アクセストークンとは、APIを叩くために必要な鍵みたいな存在です。 ちょっと重要な情報（非公開にしている投稿や画像、個人情報など）をAPI経由で取得したい！と思ったとき、その情報を取得しても構わない人にアクセストークンを渡すことによってデータへのアクセスを許可する役割があります。 とりあえず重要な情報にアクセスしようとするとアクセストークンが必要になるよ！ってことだけ覚えておくといいかもしれません。 今回取得するFacebookのアクセストークンは自分自身へのアクセストークンを取得する方法なので、例えば自分の持っているFacebookページの投稿に対するインプレッションを
Facebook APIを使って、コマンドラインから JSON形式のデータを取得してみる | DevelopersIO
よく訓練されたアップル信者、都元です。前回は認証の要らない公開APIからJSON形式のデータを取得してみました。今日は、Facebook APIからデータを取り出してみましょう。 Facebookにおける認証（OAuth 2.0） Facebook APIでは、データを取り出すにあたり認証が必要です。APIに対する認証は、OAuth 2.0という仕組みが一般的で、Facebook APIもこの仕組を採用しています。 通常「認証」と言うと、ユーザ名とパスワードを使ったもの（パスワード認証）を思い浮かべますね。OAuth 2.0においても、この認証を「ユーザ認証（ユーザは誰なのかを確認する作業）」のために用います。さらにOAuth 2.0では、これに加えて「クライアント認証（クライアントは何なのかを確認する作業）」が必要で、そのためにいくつか準備が必要になります。 クライアントというのは、ユー
FacebookのOGPキャッシュ問題に終止符。キャッシュクリアボタン実装！
大変です。 Facebookのデバッガーに、明確にキャッシュクリアボタンが実装されました。 Open Graph Object Debugger https://developers.facebook.com/tools/debug/og/object/ The new function has been available on “Open Graph Object Debugger”(old “URL Linter”). That is the function that “definitely” clear the cache. Open Graph Object Debugger https://developers.facebook.com/tools/debug/og/object/ 今までこのキャッシュ問題には世界中の制作者が苦しめられてきました。 特に画像はなかなかキャッシ
Facebook OGP画像の最新サイズ（※2014年9月）、もう正方形は不要
↑このイラストが、Facebook OGP画像の最新サイズです（2014年9月末現在） といっても、ちょうど昨年の今頃に一度仕様変更があり、その時に最適なサイズに対応していた場合は今回は特別な対応は不要です。 約1年前、FacebookのニュースフィードのUIが変わり、OGPの画像（og:image）のサイズ仕様が変わりました。 軽くおさらいすると、つい最近まで、OGP画像の推奨サイズは下記のような形でした。 なんで正方形で作成しなければいけないかと言うと、今までは「PC版のユーザーのタイムライン」を見た場合のみ、og:imageが正方形で表示されていたからなんですね。 FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版 ※9.21追記） https://snowadays.jp/2013/09/2106 Face
Ajaxで動的に追加したSNSボタンを表示させる方法と、SNSボタンの再読み込みについて | Yuhiisk
どうも、イソップです。 Ajaxで読み込んだコンテンツの中にSNSボタンがあったとしても、レンダリングされません。 さぁ、困りました。 でも調べてみたら、表示させる方法がちゃ〜んと用意されていましたよ。 ボタンだけを再読み込み（リロード）したいときにも使えます。 Twitter JavaScript Interfaces for Twitter for Websites | Twitter Developers HTML <!-- 事前にtwitter-widgetの読み込み --> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
