OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
池澤あやかのプロフィール - Facebook開発者の為のサポートサイト | fb.developers'+
スマートウォッチはさまざまなブランドから発売されており、とても注目を集めています。しかし、具体的にどのような機能があるのか分からない方もいるでしょう。また数多くの種類があり、どれを選ぶか迷う方も多いですよね。そこで今回は、スマートウォッチの基本的な機能や、おすすめのブランド・商品についてご紹介します。 ＃健康管理 多くのスマートウォッチには、歩数を計測する機能があります。その機能を使用すれば歩数やカロリーなどが計算できて、健康管理に役立つでしょう。 ＃通知機能 メールやSNS（Faceboook、Twitter、Instagramなど)の通知を受け取ることができます。会議中や食事中などでも気軽に確認できるでしょう。 ＃電子マネー決済 対応しているスマートウォッチであれば、さまざまな電子マネー決済が使用できます。財布を取り出さなくてもいいため非常に便利です。 ＃音楽再生 スマホをカバンやポケ
Facebookのshare(シェア)ボタンをサイトやブログに設置する方法
このブログでもFacebookの「いいね！（like）」ボタンを設置する方法は書いたことがあるし、同じように「いいね！」の解説ページは他にもたくさんあるんだけど、各種「share（シェア）」ボタンのオプション設定の解説を日本語で書いてるページはあまり見あたらない。（現在はいいね！数をカウントしている「share+カウント数ボタン」の解説ページはある。） しかも「facebook share」でGoogle検索するとトップにでてくるShare on FacebookにアクセスするとなぜかLike Buttonの方にページ移動させられて、shareボタンのヘルプページが見つかりにくいという問題もある模様。というわけで「shareボタンの設定と設置方法」を書いてみた。ブログやサイトに設置するときに参考にどうぞ。 各種sahreボタンの解説 shareボタンも「いいね！」ボタンと同じようにヘルプペ
jQueryでツイート数、はてブ数、いいね数を取得して自由にデザインする方法 | アンギス
注意※Twitterのツイート数の取得のコードについて この記事のコードでは後日、ツイート数の取得ができなくなるとご指摘いただきました。確認したところ2013年5月7日に行われるTwitterの仕様変更によりツイート数の取得ができなくなってしまいます。（それについての記事）その他はてブ、いいね数のコードにつきましては正常に動作します。問題のコードはサンプルとして残しておきますが、ご利用の際はくれぐれもご注意ください。今回の件についてご指摘くださった方々に御礼申しあげます。そして、すべてのユーザーの方々に不確かな情報を提供してしまったことをお詫び申しあげます。 さらに追記※Twitter APIの仕様変更について Twitter APIの仕様変更後もこのコードで動作し続けています。もともとAPIのリファレンスにも載っていませんしいつ仕様が変更されるかわかりません。ご利用の際はくれぐれも気をつ
Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方
TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデザインになってからだいぶ経っており、今更な感じですが…）その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitter ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出してみました。 アイコンと文字（現在地表示） アイコンと文字（通常表示） ボタン これらを再現してみると、以下のようになります。 偽Twitterみたいな感じですねｗ それぞれにつけた効果の詳細は実際のファイルでご確認ください。 2. Facebook（アプリ） ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出
Facebookで着飾り、Twitterで承認欲求を満たす日本人
「日本人」とタイトルに入れていますが、そもそも私自身が海外事情に疎いため、付けるべきなのかは正直迷いました。ですが、私が見て考えてきてここに書くのは「日本人」のみのことなので、そのままにします。 私は前職で1年9ヶ月、現職で約4ヶ月、ソーシャルメディアの活用を軸とする仕事に携わってきました。企業のFacebookページ立ち上げや、キャンペーンの企画、アカウント運用支援、実際の運用、ユーザー動向の解析、TwitterやFacebookを活用したスマートフォンアプリの企画やUI/UXについてかじったり、制作進行をまとめたり。たくさんの人に支えられ助けられ自分ひとりでやったことなんてありませんが、あらゆる場面でがむしゃらに手を動かし、頭を動かしてきました。大学での卒業制作もソーシャルメディアをテーマとしたようなものだったので、ソーシャルメディアのことばかり考えて3年前後といったところでしょうか。
ずれてしまったFacebookの｢いいね！｣ボタンを元に戻す方法
このブログに付けていたFacebookの「いいね！」ボタンが、いつの間にか上記の画像のようにずれて表示されていたので修正してみました。 ずれてしまった原因 原因としては以下の2点が考えられます。 テンプレートのコードを変更したときにミスった いいね！ボタンのクラス名か、その内部の名前が変更された 1に関しては論外ですが、2に関してはちょっと問題がありそうです。 少し調べてみても他の方で同じ症状に悩まされている方はいなそうなので単純に自分のミスだと思われます。 ずれ対策 一応ずれ対策用のCSSを記しておきます。 .fb_iframe_widget{vertical-align:top;margin-top:-3px;} このコードが効くのは、いいね！ボタンがデフォルトの状態でdisplayがinline-blockの場合のみだと思います。 そもそもfloatで整列させている場合にはズレること
BEER to friends｜一言とGRAND KIRINを友だちに贈ろう。
贈りたいと思った時に一言の気持ちと、GRAND KIRIN。Facebook、Twitterで贈れる、小さいけどGRANDなギフト、はじめてみよう。To @kita_muさんにGRAND KIRINを贈りました。「あたりー！」 #BEER to friends 一言とGRAND KIRINを友達に贈ろう。 http://beertofriends.jp/messagecard/index?sq=226 To @ichigohime555さんにGRAND KIRINを贈りました。「あたったよー！」 #BEER to friends 一言とGRAND KIRINを友達に贈ろう。 http://beertofriends.jp/messagecard/index?sq=224
妻のパン屋の悩み事をFacebookページで解消したお話 - give IT a try
2014.03.06追記: 2013年を振りかえるエントリを書きました！ Facebookページを始めてから1年後にどうなったのか気になる方はこちらもどうぞ。 独学の主婦が自宅で開業したパン屋さん「クープ バゲット」の2013年を夫が振り返ってみる - give IT a try はじめに 僕のブログをよく読んでくれている方はご存知かと思いますが、僕の妻は去年から兵庫県西脇市でCoupé Baguette(クープバゲット)という小さなパン屋さんをやっています。 1ヶ月ぐらい前にちょっと訳あって店のFacebookページを開設しました。 今回はFacebookページを開設した背景やその効果などをまとめてみようと思います。 Coupé Baguetteの前提知識 妻のパン屋については、以下の前提知識があると話がより分かりやすいと思います。 妻が家事や育児の傍らパンを作っていることもあって、営業
Facebook内の「要ログイン」ページと、告知時の注意点【まとめ】 | sakazuki.info
Facebookには、ログインしていないと見られないページが存在します。 常にログインしている人も多いので、意識せずして 要ログインのページを、ログインしていないユーザに送っている場合もあります。 以下、Facebookページ内でログインせずに見られるページ、 ログインしないと見られないページをまとめて紹介します。 【Facebookプロフィールページ（個人）の場合】 http://www.facebook.com/profile.php?id=～～ とか http://www.facebook.com/～ユーザー名～ みたいなURL 基本的に問題なく表示されますが、 ログインしていない訪問者の場合、「基本データ」のページに飛ばされます。 また、基本データの中で見られるのは、 ●名前のフルネーム ●保有するウェブサイトのURL一覧 ●「好きな活動と趣味・関心」「アートと娯楽」 （要はいいね
Social Plugins - Facebook developers
このドキュメントには、アプリで「いいね！」、シェア、コメントをできるようにするためのFacebookソーシャルプラグインがリストされています。 欧州地域でのソーシャルプラグインに対する変更欧州地域でFacebook製品を使用しているユーザーに関しては、Cookie同意プロンプトが更新されたため、ソーシャルプラグインに何らかの影響が現れる可能性があります。欧州地域のユーザーは、1)Facebookアカウントにログインしている、2) 「アプリとウェブサイトのCookie管理」に同意している、のいずれかの条件を満たさない限り、「いいね！」と「コメント」のソーシャルプラグインのサポートを終了します。この二つの要件が満たされていれば、ユーザーは「いいね」や「コメント」ボタンなどのプラグインを見たり、操作したりすることができます。上記のいずれかの条件を満たさない場合、ユーザーはプラグインを見ることがで
FacebookページのフィードURLを取得してフィードリーダーで購読する方法
FacebookページのフィードURLを取得して、Googleリーダーやlivedoor Readerなどの、いわゆるフィードリーダー（RSSリーダー）で購読する方法を紹介します。 下のスクリーンショットは「無印良品」のFacebookページです。 「無印良品」のFacebookページ このFacebookページをGoogleリーダーに登録すると、次のような感じで購読できます。 「無印良品」のFacebookページをGoogleリーダーに登録 フィードのリンクをクリックすれば該当の投稿ページにジャンプします。複数のFacebookページをタイトルでまとめてチェックしたい場合に便利です。 以下、FacebookページのフィードURLの取得方法を解説します。Facebookページのフィードは、対象のFacebookページを「いいね！」していなくても購読できます。 気の短い人は３項だけご覧くださ
Facebook,Twitter,はてな,mixiのソーシャルボタンをオリジナルにしたいのです
FacebookやらTwitterやらはてなやらmixiやら何やらソーシャルボタン付けたいけれど、 角丸とかフォントとか大きさがまちまちだし幅とるしカウント数いらないし… 記事の下とかにあるならいいけど、 これが記事の上にあったりすると微妙に嬉しくない。 なんとか、 って具合に、アイコンだけ並べておけないだろうか。と思ったわけです。 分けて書こうと思ったけど、あんまりマメ子じゃなくてすぐ忘れるので、一気にダーッとメモします。 ≫Facebookのシェアをスマートに！ ≫ボタンをオリジナル（自作）にする簡単なカスタマイズ ≫FacebookシェアのオリジナルボタンをMovabletypeに入れる。 ≫Facebookに投稿するコンテンツの見せ方にこだわる ≫OGPのmetaタグをMovableTypeに入れてみる ≫テストユーザーで投稿テストしてみる ≫Twitterのボタンをオリジナルにす
facebook OGP(Open Graph Protocol)設定 og:type 一覧
2011.09.28 ビジネスでfacebookを使っている方も増えていると思います。 インベントリーでもfacebookページを公開し、facebookページ制作も提供しています。色々調べているとfacebookは深いですね。 よろしければインベントリーfacebookページにいいね！押してください！！ そんな中今日はfacebookのいいねボタンをサイトに埋め込むにあたりOGP(Open Graph Protocol)の設定が重要になります。なんの事かわからない場合はすみませんが役に立たない記事なので読み飛ばしてください！ OGPの設定をしているとしていないではせっかくいいね！を押してもらってもいいね！の威力が半減してしまいます。 facebookユーザーの方ならわかると思うので簡単な説明ですませます。 OGPの設定をしていなければいいねを押しても自身のウォール止まり。ニュースフィード
【訂正有り】m(_ _)m なんだかよくわからない驚愕の結果になりました。｜More Access! More Fun
最近話題になってる「DoubleClick Ad Planner」。 ダブルクリックはGoogleが2007年に買収したアメリカのネット広告会社。日本法人はすでに解散している。で、この管理画面をGoogleのアカウントで自分のツールとして使用できるのだが、これを使うと広告配信のためのサイト分析が誰でも簡単にできてしまう。なかなか面白いのでいろんなSNSやサイトを試してみた。面白い。面白すぎる!! 「広告プレイスメント」にPCとモバイルが出るところを見ると、PCだけではなくてモバイルとの合計のようだ。こうでなくちゃ意味ないよね。 Googleさんからの説明と注意 Google Analytics データを共有するよう設定することによって、すべての Google Analytics データが DoubleClick Ad Planner で公開されるわけではありません。DoubleClick
審査員も思わず総立ちした注目のアプリ「Facematch」がスゴイ 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
学生を対象とした開発イベント「ブレークスルーキャンプ 2011」の審査を勝ち抜いた12チームの決勝プレゼン大会が9月16日に開催された。次々に学生スタートアップのプレゼンテーションが繰り広げられる中、審査員席で筆者はもちろん、隣に座っていたMOVIDA JAPANの孫泰蔵氏までもが立ちあがった。オオオオッー! 会場にもどよめきが広がり、その場にいた200名近いオーディエンスは画面に釘付けになった。 その作品の名は「Facematch」(フェイスマッチ)。東京工業大学 合田武広氏、早稲田大学 伊香賀淳氏、東京電機大学 太田真明氏、大阪工業大学 張巧実氏、名古屋芸術大学 大橋弦也氏ら5人によるチームによるプロジェクトだ。主張したいメッセージはひとつ。とてもシンプルにまとまっているのが印象的だ。 気になる人ともう一歩近づくためのアプリ Facebookに登録されている知り合いと、その先のソーシャ
意外と知らない Facebookを使いこなすための設定用URLまとめ【個人設定編】|ガジェット通信 GetNews
Facebookの設定、分かりにくくないですか？ 私も始めたばかりの頃は、ちょっとした設定変更をするにも迷ってばかりでした。「もういいや……」と何度思った事か。。今回は、Facebookの設定に必要なURLを一覧でまとめました。Facebookは高機能な分、使い方が難しいです。何か設定しようとするにも、マイページからは非常にたどりにくい設定ページが沢山あります。 主に初心者向けの内容になりますが、既にFacebookを使いこなしている方は、リンク集としてご活用下さい!! 1. ユーザーネームを変更する。 URL: http://www.facebook.com/username/ Facebookに登録したばかりの頃は、プロフィールページのURLは（http://www.facebook.com/?ref=home#!/profile.php?id=******）といった文字列です。このU
mixi, Twitter, Facebook 2011年5月最新ニールセン調査、Facebook利用者820万人へ：In the looop：オルタナティブ・ブログ
mixi, Twitter, Facebook 2011年5月最新ニールセン調査、Facebook利用者820万人へ 6月18日に、2011年5月度のニールセン・インターネット視聴率が発表された。震災の反動で3サービスとも利用者が減少した4月と比較すると、5月度はサービス間の明暗がはっきりと出た一ヶ月となった。 データ元は、ネットレイティングス社提供によるインターネット利用動向調査「Neilsen/NetRatings NetView」サービス。対象は「一般家庭および職場のPCユーザー」としている。 利用者数でいくと、mixiは1287万人(前月比103%)と微増、Twitterは1466万人(同95%)と減少、Facebookは820万人(前月比118%)と大幅増加となった。ただし、ペーシビューや利用時間では、引き続きmixiが他を圧倒している。 Twitter訪問者数には専用クライアン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1set.me
Qrust - ソーシャル影響力スコア