![いいね!ボタンは新しいコードに書き換えないと2015年5月以降動かなくなります(公式情報) | 初代編集長ブログ―安田英久](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9866bdd3bdf4f1a159b56c7bd0b1ad34c39b057/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fnakanohito%2Fnakanohito_icon200.png%3Fitok%3DiXvFSfHl)
こんにちは!デザイナーのわりえもんです! ドラえもんみたいな見た目の、のび太みたいななにかです。 デザイン制作に役立つ秘密道具を紹介します! さて今回はサイト・アプリ制作に必需品な Facebook OGP画像つくりに役立つ2つの秘密道具をお教えします! 2014年1月現在、OGP画像の表示には大きくわけて2種類あります。 一つの画像で、どっちの表示でもきれいにつくるのは結構悩みますよね。 のび太くんには到底つくれなさそうです。 でも、たった2つのの秘密道具で、OGPつくりは劇的に楽になります! 秘密道具その1 : ただ画像をいれるだけ!秘密のpsd! 今回のために用意した秘密のpsd を用意しました! こちらからダウンロードしてみてください! PSD DOWNLOAD 「見せたい要素が横長」の場合 これは横長いロゴです。ロゴの部分がどんな表示でも切れないようにしたいですね。 これを全ての
今日は、ソーシャルメディア解析の話題を。自分のサイトに設置したFacebookの「いいね!」ボタンの使われ具合を分析する方法です。Facebookインサイトを使う方法と、APIでデータを取得する方法の2種類を紹介しましょう。 最近、Facebookの「いいね!」ボタンを見かけることも増えました。Web担でも2010年9月から「いいね!」ボタンを設定していて、先日の「TwitterやFacebookで共有されたリンクが検索順位に直接影響する――グーグルとBingが明言」の記事では何と840いいねを記録しました。 さて、この「いいね!」ボタンの押され具合を分析するにはどうすればいいのでしょうか? 各ページを表示してボタンの横に表示される数字を目視で確認していくのもいいのですが、もう少しデータとして分析したいですよね。 それには、「Facebookインサイトを使う方法」と「APIを使う方法」の2
FacebookのOGP画像のサイズと、ニュースフィードでの表示サイズについては、過去にも数回に渡ってまとめていますが、今回は画像の中に人間の顔が入っている場合の動きについて検証してみます。 どうやら、画像内に人間の顔が入っている場合、トリミングの仕様が通常とは異なり、顔の位置を自動検出してそこを起点にトリミングを行うようです。 なんと言う余計なお世話ハイテクシステム! ※過去のFacebook OGP画像関連のまとめ FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。(スマホ対応!最新版 ※9.21追記) FacebookのOGP画像、最新サイズでの作成例をご紹介 本題に入る前に、簡単におさらいです。 FacebookのOGP画像のニュースフィード上のサイズは、w1.91:h1 w468px以上でないと大きく表示されない(※Face
ですから、これを知っている企業さんは、できるだけシェアされ、そのシェア上でコメントが展開されるようなコンテンツを作るよう心がけているところもあるようです。 そのほうが、「いいね!」数が伸びやすくなりますからね。 でもこれは、次の2つがどちらも「いいね!」ボタン上では「1000」と表示されることを意味します。 いいね800回、シェア200回 = 表示いいね!数は1000いいね0回、シェア1回、シェアへのコメント999回 = 表示いいね!数は1000また、シェアは公開されている必要はありません。 だから、ボタンに表示される「いいね!」数を水増ししたかったら、水増ししたいURLをFacebook上で「自分のみ」でシェアして、そのシェアに自分でコメントを付けていけばいいのです。コメントの中身はなんでもいいのです。 5分もあれば、1文字コメントを1000件ぐらい付けられます。これで、「1000いいね
Looops岡村(健)です。もうお気づきになられた方もいらっしゃるとは思いますがFacebookのリンク投稿の表示画像サイズが大きくなりました。 ※リンク投稿・・・テキスト投稿(画像なし)にURLリンクを記載するとプリビュー画像や注釈が表示される 【変更前】 【変更後】 上記の投稿はどちらもin the looopの記事をリンク投稿したものです。この仕様変更は9/10(おそらく米国時間)からのFacebook広告の仕様変更に併せて行われたものと思われます。事前に変わるとは知っていましたが、いざ変わってみるとやはりサイズの大きさには驚かされました。 そして、この仕様変更の注意すべき点は 大きく表示される画像とされない画像がある ということです。 in the looopの記事に関しては全く、大きく表示されておらず、このままではクリック率(そしてリーチに)に大きく影響すると思いましたのですぐに
Webサイトやブログなどにソーシャルプラグインを設置するのは、もはや当然なくらいなわけですが、今日はその中からFacebookのLike Boxを設置した際に、それをリキッドレイアウトへ対応させる方法を紹介します。 FacebookのLike Boxの設置コードには、それの横幅を指定してやる必要があります。以下のようなコードですね。 <div class="fb-like-box" data-href="http://www.facebook.com/2843.jp" data-width="500" data-show-faces="true" data-stream="false" data-header="true"></div> この例では横幅を500pxに指定していますが、ブラウザの横幅が500pxより狭くなってしまうと… コレだと不格好なので、何とかしてやりましょう。「レスポ
作成:2013/02/4 更新:2014/11/01 Web制作 > 基本的なところを簡単に、楽しく覚えたい 自分でサービス作ったり、会社や違う職種でも 色々と「基本」はおさえておきたい 今回はサイト制作に必要な「基本的な知識・情報」を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.HTML5 2.CSS 3.レスポンシブ 4.配色 5.視線誘導 / 心理学 6.インターフェース / ユーザビリティ 7.SEO 8.ディレクション 9.アクセス解析 10.WEBマーケティング 11.コピーライティング 12.ソーシャル 1.HTML5 HTML5って何? HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog Canvasについて知っておく
デモページ:カウント付きで縦並び 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サイトのコーディング」についてまとめた、第3(+α)回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン/おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道:サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines(埋め込みタイムライン) トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す
みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
プロモーション活用で注目を集めるFacebookのファンページ。簡単に作れるので、この機会にファンページを開設してみよう!(2011年2月5日にファンページの名称がFacebookページに変更になりました) ビバ Facebook! 世界最大のユーザー数を誇るSNS(ソーシャル・ネットワーク・サービス)の「Facebook」。 2010年夏には「ユーザー数が5億人を突破」というニュースが流れましたが、日本でもユーザー数を伸ばし、約180万人が利用しています。 また1月15日から日本でも、Facebook創業者の自伝映画「ソーシャル・ネットワーク」が公開となり、注目度はさらに高まっています。 Facebookのプロモーション活用術! まずは、Facebookを使ったプロモーション事例をいくつか紹介しましょう。 ■ FacebookのAPIを活用 外部サイトとFacebookの情報を結び付けて
2011年04月30日 03:45 引き続きv1.7.2を検証していた際、IE6~IE8でメモリがうまく開放されないケースがあったため、 対策版としてv1.7.3をリリースしました。 ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月30日 00:15 jQuery.socialbuttonのXSS脆弱性につきまして、対応版のv1.7.2をリリースしました。 v1.7.2以前のバージョンでは、urlオプションを指定せずに以下のボタンを呼び出した際、無害化されていない document.URLを参照することが原因で、XSS脆弱性が発生します。 mixi いいね facebook いいね GREE いいね 新はてなブックマーク 旧はてなブックマーク ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月29日 02:40 現在、jQuer
私はtwitterもFacebookもやっていない。 別段やりたいとも思わなければやる必要性を感じたこともないから。 まして今は二人の幼子の子育て中だ。 目の前の生活が大切であり目の前の生活で精一杯でありそこにいない誰かとのつながりなどどうでもよい。 用があればその相手には直接メールなり電話なりすればよい。 用もないのに生活の断片を垂れ流し知らせる必要もない。 メルアドも電話番号も知らないような相手なら尚更コミュニケートする必要性を感じない。 しかし、それは私の考え方であり、他人がどうしようとそれもまたどうでもよい。 世の中の多くの人がtwitterやFacebookに興じているところをみると、 私のような人間の方が少数派なのであろう。 そう思っていた。 だがどうにも堪えがたくなってきたので吐き出させていただく。 そんなにtwitterやFacebookは大切なものなのか。 そんなに常に見
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
以前、 [婚活] facebook で日本人ユーザの ID 一覧を取得する という記事を書きました。そこで示したスクリプト(をちょっと改変したもの)をぐるんぐるん回し、日本人ユーザとして登録されている人のユーザ ID が1150万人分ほど集まりましたので、ここに共有したいと思います。 原理としては、 facebook の全ユーザについて、ユーザ ID 1番から順番に地域をチェックし、日本と登録されているもののみその ID を保存しています。これだけの日本人を得るために数十億人分の ID をチェックしてます。 [ ダウンロード fb_jpn_ids.zip ] 解凍していただきますと、2つのフォルダがあります。”type1″ フォルダには100000000000000番以降のものが、 “type2″ にはそれ以前のものが、適当に分割されて格納されています。 https://www.face
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く