Facebookなどでサイトが共有された時、リッチ表示するOGPの設定
Facebookでシェアされたり、いいねを押すとニュースフィードにWebサイトやブログ記事が表示されます。サイトによっては画像が大きく表示されたり、概要がいい感じで思わずクリックして読んでみたくなるときってないでしょうか？ これは、ブログなどのサイトにOGP（Open Graph protocol）と呼ばれるMetadataが設定されていて、Facebookがそれを認識し表示してくれているからです。 当サイトでのOGPの実装は、WordPressのプラグインの「Open Graph Pro」を使用していましたが、プラグインが更新されていなく、古くなっていたので自分で実装しなおしました。その際にOGPについて調べたことをまとめます。 OGPとは何か？ OGP（Open Graph protocol）は、冒頭で少し述べたようにFacebookやmixiなどのSNSでシェアされたときに、そのペー
【完全版】これであんたもシェア名人。Facebookシェアボタンの実装方法まとめ
どうも、イソップです。 Facebookシェアの実装方法って何種類もあってわかりづらかったのでまとめてみました。 シェアボタンはいいねボタンとどう違うのか。 それから公式ボタンの作成方法やリンクでのシェア設定、JavaScriptでの設定方法をご紹介します。 Facebookシェアとは Facebookのシェアは、シェアしたいサイトの情報を自分と友達のタイムラインに表示させる仕組みです。 勘違いしてほしくないのですが、「いいね！」とは少しだけ挙動が違います。 いいねは友達のタイムラインにいいねしたことが表示されますが、自分のタイムラインには表示されません。 いいねはリアクションで、シェアは共有という位置づけなので、Facebookで拡散させるにはシェアが断然効果的です！ また、シェアされる情報はシェアするページのOGP情報です。 ボタンの設定ではシェア内容は変更できませんのでご注意を！ そ
OGPの「fb:app_id」とか「fb:admins」って何のために必要なの？
さて。OGPについてのエントリーを書いたばかりですが。 色々頑張って、このブログのOGPは↓こんな感じになりました。 <meta property="fb:app_id" content="1234567890" /> <meta property="og:type" content="blog"> <meta property="og:description" content="***記事抜粋***"> <meta property="og:title" content="***記事タイトル***"> <meta property="og:url" content="***記事URL***"> <meta property="og:site_name" content="Sunday In The Park"> <meta property="og:image" content="htt
盲導犬 「絶対に許せない！」に要注意！（神田敏晶） - エキスパート - Yahoo!ニュース
KNNポール神田です。 埼玉県で2014年07月、全盲の男性が連れていた盲導犬が電車内か駅周辺で何者かに刺されけがをしていたことが2014年08月27日、県警などへの取材で分かった。訓練された盲導犬のため刺されても鳴き声を我慢したとみられ、犯行場所は未特定。インターネット上で「許せない」との声が相次ぎ、県警は器物損壊容疑で捜査している。 出典:ほえずに我慢…盲導犬、刺されけが ネット反響「許せない」 吠えないように訓練されている盲導犬を、全盲の方のいるそばで熾烈な犯行に及んだ犯人に対して、このニュースを聞いた時になんともいえない嫌悪が走った。そして、ネット上でも、盲導犬を傷つけた犯人に対して「絶対に許せない！」という感情が走っていた。 拡散希望！絶対に許せない！に要注意！フェイスブックにも同様に、 というシェアのエントリが流れてきた。数千人のいいね！と数千回のシェアがされている。まさに人気
【2014年保存版】ソーシャルメディアまとめ一覧＆SNSの特徴・運用目的を徹底網羅！ « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方
TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデザインになってからだいぶ経っており、今更な感じですが…）その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitter ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出してみました。 アイコンと文字（現在地表示） アイコンと文字（通常表示） ボタン これらを再現してみると、以下のようになります。 偽Twitterみたいな感じですねｗ それぞれにつけた効果の詳細は実際のファイルでご確認ください。 2. Facebook（アプリ） ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出
บาคาร่าออนไลน์ Baccarat99 เว็บตรง ทางเข้าสมัครสมาชิก ฟรี 300
ท้าทาย เพิ่มเติมประสบการณ์ รวมไปถึงลุ้นเงินรางวัลได้อย่างมีอิสระ บาคาร่า99 ทางเลือกที่จะเข้ามาเติมเต็มให้กับนักพนันทุกคนอย่างทั่วถึง สำหรับคนทั่วไปที่มีความสนใจตัวเกมพนันออนไลน์ อยากจะให้เริ่มต้นกับทาง บาคาร่า99th ที่มีการเน้นบริการเกมพนันยอดนิยมระดับโลกอย่าง Baccarat เกมพนันที่กลายมาเป็นอันดับที่ 1 สามารถครองใจนักพนันไปทั่วโลก เนื่องจากว่าขึ้นชื่อว่าเกมพนัน จะต้องง่ายและหลากหลาย สามารถตอบสนองทั้ง
Facebookの初期ユーザー25人をまとめた「The First 25 People On Facebook」
By christoph_aigner 2013年2月5日にFacebookが創立9周年を迎えました。ユーザー数が10億人を突破しているFacebookですが、初期のユーザーはどんな人たちだったのか？ということで、Facebookを始めに使った25人をBuzzFeedがまとめています。 The First 25 People On Facebook http://www.buzzfeed.com/robf4/the-first-25-people-on-facebook-433s ◆01:マーク・ザッカーバーグ Facebookを開設したマーク・ザッカーバーグさんは最初のFacebookユーザーであり、ユーザーID番号は4番。1～3番まではテストアカウントに使用されたためです。 ◆02:Chris Hughes Facebookの創業者の一人であってスポークスマンのChris Hughes
Facebookで友達になりたくない相手から、友達申請が来た場合の対処法 | 京都 ホームページ作成 WEB制作会社 ライフクルー
photo credit: miguelavg via photopin cc Facebookユーザーの6割、「承認したくない友達申請受けたことがある」 http://www.itmedia.co.jp/news/articles/1211/28/news097.html [ITメディアニュース] Facebookを使っていると、一度はぶつかる問題ですね。 セミナーなどの質疑応答でも「どうすればいいでしょうか？」と、よくいただく相談です。 対処する方法としては、 まず“承認しない”のか、それとも“承認する”のかで大きく別れますが、 いくつかあるので、以下順番にまとめて説明します。 まずは 友達リクエストを承認しない 知らない人からは友達リクエスト出来ないようにする でも、承認せざるを得ない場合は、 自分の投稿を見られないようにする 友達の投稿がニュースフィードに流れないようにする やっぱ
[JS]超軽量で設置も簡単！Facebook, Twitter, Google+のボタンを設置するスクリプト -SocialCount
デモページ：カウント付きで縦並び SocialCountの使い方 使い方のステップは、2つ。 これ以上ないくらいに簡単です。 Step 1: 外部ファイル スタイルシートとスクリプトを外部ファイルとして設置します。 まずは、スタイルシートをhead内に。 <head> <link rel="stylesheet" href="../src/socialcount.css"> </head> アイコンを使用する場合は、もう一つ外部ファイル（socialcount-icons.css）を加えます。 続いて、スクリプトをページの下の</body>の上に。 ... <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="../src/socialcount.js"></script> </bod
成長Webサービスを影で支える「Growth Hacker」ってどんな人？
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
要注意！Facebookキャンペーンで陥りがちな【規約違反】6つの典型パターン ～Facebook規約関連リンクまとめ付～
要注意！Facebookキャンペーンで陥りがちな【規約違反】6つの典型パターン ～Facebook規約関連リンクまとめ付～ あなたのFacebookキャンペーン、きちんとFacebookの各種規約に則っていますか？応募開始～当選発表に至るまでのステップで陥りがちな６つの規約違反パターンをご紹介します。あわせてFacebook規約関連のリンクもまとめました。 ※※※※※※※※※※※※※※※※追記※※※※※※※※※※※※※※※※※※※ 本記事は、2013年8月のFacebookプロモーション規約変更以前の内容です。 最新のFacebookキャンペーンの規約詳細は、以下をご参照くださいませ。 「【Facebookプロモーションガイドライン改訂まとめ】Facebookキャンペーンを激変させる5つの変更点」 http://smmlab.jp/?p=24519 ※※※※※※※※※※※※※※※※※※※※
「Twitpic」のCTOが30日間ソーシャルメディアをやめてみたら人生変わった話 | ライフハッカー・ジャパン
「Twitpic」のCTO（最高技術責任者）がソーシャルメディアを1カ月間もやめてたって？ イエス！ それは本当です。Steven Corona氏はFacebook、Twitter、Redditなどのソーシャルメディアに30日間まったく触れずに過ごしました。その結果、「人生で最も意義深い1カ月」を手に入れることができたというのです。Steven Corona氏の体験談に耳を傾けてみましょう。 （記事執筆の）ちょうど1カ月前、私は30日間ソーシャルメディアをやめてみようと決心しました。そして今、帰還したところです。果たしてその結果は？ ええ、私はまだ生きてます。そして、人生が変わってしまいました。人生で最も意義深い一カ月だったと言っても過言ではありません。 Facebook、Twitter、Reddit、Hacker Newsはすべてブラックリストに入れました。私がソーシャルメディアをやめる
「私がFacebookで働いていて嫌いな10個のこと」が面白い
2012年08月16日08:00 by oklahomer 「私がFacebookで働いていて嫌いな10個のこと」が面白い カテゴリ小ネタ 15日の14時過ぎにFacebookの開発ディレクターが「現役社員がこんなことを書くなんて信じられない」というコメント付きでシェアしていた「Ten Things I Hate About Working at Facebook（私がFacebookで働いていて嫌いな10個のこと）」という記事が面白かったので共有です。 いきなりニュースフィードに流れてきたので、IPO後の初業績報告だとかIPO以来の幹部入れ替わりが話題になってるから社内はピリピリしてんのかなぁ、まだエイプリルフールじゃないしなぁと思いつつ帰宅してジックリ読んだわけですが、読んでみて納得です。考えてみたら、本当にマズい内容だったら開発ディレクターが拡散したりしませんよね。 以下、本文和訳で
祝1000万人突破記念。日本のFacebookについて調べてみてびっくりしたこと
昨日のブログでちょこっと書きましたが、日本のFacebookの登録者数がついに1000万人を超えた模様です。これはFacebookの広告ツールを使うとターゲットの人数が出てくるので、それで誰でも簡単に見ることができます。 1000万人を超えますと、大読売新聞とも拮抗するわけで、企業としてもソーシャル運用は無視できないということになります。ではどんな人たちがFacebookやってるのか、知らないといけませんね。もしかしたら田舎の高校生ばっかりかもしれないし〜 こんな感じで自社のFacebookページに広告を出す前提でセッティングしてみると、人数が出ます。明朗会計です。 本日現在では ということになっていました。母体が1000万人ということで比率の目安がつきやすいので本日はこの企画にしたわけ。 人数はいいのですが、年齢については書いてない人もいますよね。「厳密年齢ターゲット設定を有効にする」の
国内で最もソーシャルメディアを活用しているローソン、その成功事例と手法がとても参考になりました（セミナーレポート）-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
TOP > 国内で最もソーシャルメディアを活用しているローソン、その成功事例と手法がとても参考になりました（セミナーレポート） こんにちは。マーケティング担当の高橋です。 先月、日経デジタルマーケティング主催のセミナー「ソーシャルメディアを売上貢献に結びつける成功の秘訣」に参加してきました。 （1ヶ月以上前の話で大変恐縮ですが）国内で最もソーシャルメディアを使いこなしている企業であろうローソンのソーシャルメディア活用事例の話（ローソンの広告販促企画部兼CRM推進部アシスタントマネジャーの白井明子氏による講演）がとても参考になったので簡単にまとめてみようと思います。 ローソンで利用しているソーシャルメディアはなんと21媒体！ Twitter Facebook Google + mixi ページ Youtube ニコニコ動画 NAVER まとめ（初の企業クライアントに） Pinterest T
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Landing page design, banner ad design and web design.
【これはすごい】Googleアナリティクス連携 アクセス予測＆曜日・時間別の平均値分析ツール（祝日自動判別） | 初代編集長ブログ―安田英久 | Web担当者Forum
Facebookビデオ通話の紹介ページ。
facebookページとは／企業Facebookページ制作マニュアル：18個の手順 【タイムライン対応・制作編＆集客編】 | Facebookページ活用 実践ガイド
