WebサイトにSNSシェアボタンを設置する方法のまとめ - Qiita
ソーシャルシェアボタンの設置方法のまとめです。GoogleアナリティクスによるSNSボタン押下数の効果測定やFacebookでキャッシュクリアしないと正しく出なかったりする件の対処法、ogpタグなど、いくつかハマったものの解決方法も併せて記載しています。 ■ ソーシャルボタンの表示サンプル ■ シェアしたときの表示サンプル（google+の例） 1.対応しているSNS 本記事で対応しているSNSは以下です。 Facebook（※いいねボタンではなくシェアボタンです） Twitter Line Google+ はてブ 2.シェアボタンを実装する前にやること シェアボタンを実装する前に、以下の内容を検討して下さい。 メタタグやogpタグが適切に記載されているか？ → ないと魅力半減です。 GoogleアナリティクスでKPI測定するか？ → シェアボタン押された回数計測できます 2.1 メタタグ
Facebookデバッガーとは？ページの内容とシェアされる内容が違う場合の対処法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのエリカです。 やっとのことでリリースしたメディアサイト。 早速投稿した記事をFacebookでシェアしようとしたら、シェアされる画像や内容がなんかちょっと違うなんてことありませんか？ そんなときは、連日のリリース作業で疲れ果てて泥のように眠るエンジニアを叩き起こす前に、まずはどういう状況か把握しましょう。 はじめに まず、Facebookでシェアされる内容については、サイトのOGP（Open Graph Protocol）というものでコントロールされています。 例えば、あるサイトのURLをFacebookでシェアしようとしたとき、Facebook側はそのページの情報を持っていなければ直接そのページにアクセスし、情報を取得・解析したうえで、そのデータをFacebook側が保持します。（スクレイピングといいます） そして、すでにFacebook側が保持しているデータが
TwitterやFacebookのアカウントがハッキングされた際にとるべき対処法とハッキングされないための簡単な予防法 - GIGAZINE
ソーシャル・ネットワーキング・サービス(以下、SNS)はネットを介して人と人がコミュニケーションをとるためのサービスで、Twitter、Facebook、Google+、mixi、GREE、Mobage、Ameba、LinkedInなどそれぞれに違う特徴を持ったサービスが存在します。これらのSNSがハッキングされているかどうやって調べればいいのか、万が一ハッキングされたときにどのような対策をとればよいのかを、The Next Webがまとめています。 What to do if your social media account has been hacked or hijacked - The Next Web http://thenextweb.com/socialmedia/2013/10/27/social-media-account-hacked/ ◆危険にさらされているアカウン
Facebookページのページタブ（IFrameタブ）で「Method Not Allowed」になる不具合の対処
すでにご存知の方も多いと思われますが、Facebookページのページタブ（IFrameタブ）で「Method Not Allowed」になる不具合の対処について情報展開します。 １．問題点 Facebookページのページタブ（IFrameタブ）のファイルの拡張子に「.html」で指定すると、ページタブを表示したときに「Method Not Allowed」というエラーになる場合があります。 「Method Not Allowed」は、「対象URLに対してメソッドが許可されていない」という意味で、その下にある詳細メッセージよりPOSTメソッドが許可されていないのが原因のようです。 この問題はレンタルサーバによって異なるようですが、今回はさくらインターネットでしか確認できていないので真偽は不明です。 ２．対処方法1 拡張子を「.php」に変更します。 アプリの「ページタブ」→「Page Tab
WordPressで作成したFacebookページのIFrameタブデザインを崩さない方法
WordPressで作成したFacebookページのIFrameタブで、デザインを崩さずにきちんと表示させるためのTipsを紹介します。 １．問題点 次のような、WordPressとjQuery Tabs UIを使ったタブページを、FacebookページのIFrameタブに表示するものと仮定します。 上の場合は期待通りの表示になっていますが、場合によっては次のようにjQuery UI Tabsのスタイルが適用されず、崩れて表示される可能性があります。 余談ですが、WordPressを使って上記のjQuery UI Tabsによるタブページを表示するカスタマイズは「Facebookページプロフェッショナルガイド」に掲載しています。宣伝です（笑）。 Facebookページ プロフェッショナルガイドposted with amazlet at 11.07.16蒲生トシヒロ 竹村詠美 原裕 大元隆
御社は大丈夫？皆が知らぬ間にやっているFacebookアプリ規約違反！具体例を元に徹底解説！ : (旧)ガイアックスソーシャルメディア ラボのブログ
Facebookページでアプリを使っている皆さん、知らない間に規約違反をしてしまってませんか？ 調査の結果、大企業さんが使っているアプリでも、規約の基準に引っかかってしまうものが多くありました。(もちろん、全然OKなものも一部ありましたが！) ※画像引用： Woman holding red card / gcoldironjr2003
Facebookページにアクセスして「通常の接続(http)に切り替えますか？」と表示される問題について
Facebookページのiframeタブページにアクセスすると、コンテンツが表示される代わりに、「通常の接続(http)に切り替えますか？」と表示される事象があるようです。ということで本エントリーでまとめてみました。 １．問題点 セキュアな接続（HTTPS）でFacebookにアクセスしている状態でiframeタブページにアクセスすると、次のようなメッセージが表示される場合があります。 通常の接続(http)に切り替えますか？ Facebookをセキュアな接続(HTTPS)でご利用の場合、このコンテンツを表示することができません。 一時的に通常の接続(http)に切り替えますか？ ログインし直すとセキュアな接続に戻ります。 実際の画面 「続行」をクリックすればコンテンツが表示されます。 「続行」をクリックしたあと、ログアウトして再度ログインすると、再びセキュアな接続でFacebookにアク
Facebookのコメントボックスを黒背景のブログで使えるようにする
Facebookのコメントボックスを、黒背景のブログで使えるようにする方法について調べました。2011年4月時点の調査結果です。 2011.04.16 追記 コメントボックス作成画面に「Color Scheme」が追加されました。 以前のコメントボックス作成画面 2011年4月16日現在のコメントボックス作成画面（「Color Scheme」が追加） 適用後のデザイン よって以下の記事は不要となります。 １．問題点 Facebookのコメントボックスは白背景であれば次のように表示されます。 黒背景の場合、コメント本文などが見えなくなってしまいます。 コメントボックスの表示はfb:commentsタグを設定し、それがiframe要素として展開されます。iframe要素までは（そのページのCSSで）スタイルを設定できますが、iframe内の要素についてはスタイルが適用されません。 ２．対処案１
Facebookでよく使われるようになったインラインフレーム（iframe）の注意事項
これまでウェブサイトの制作であまり使ったことがなかったインラインフレーム（iframe）ですが、Facebookが登場してからiframeタブやソーシャルプラグインなどで利用するシーンが増えてきました。 ということで、インラインフレームについての注意事項をまとめてみました。 １．親フレームでインラインフレームのCSSは定義できない 「Facebookのコメントボックスを黒背景のブログで使えるようにする」でも書きましたが、親フレームで定義したCSSはインラインフレームに適用されません。 サンプル１ サンプルの枠上部にある「foo」という文字と枠内（インラインフレーム）の「bar」という文字に対し、親フレームで同じスタイルを与えていますが、インラインフレームには反映されていないことが分かります。 CSSを反映できるのはiframe要素までです。 ２．リンクターゲットに気をつけよう iframe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイトにFacebookのいいねボタンとOGPを導入してみる – misc