今日は、Facebookの話題を。自社サイトの記事がシェアされたときに、大きな画像で表示されるようにする方法を解説します。ポイントはog:image画像のサイズです。 Facebookでシェアされたときの画像表示には2パターンあるFacebookでページがシェアされたときに表示される内容を指定する、OGP（Open Graph Protocol）は、当然、ページのHTMLで指定していますよね？ さすがに、イマドキOGPを指定していないページは非常に少ないと思います。 でも、og:imageで指定する画像がFacebookで表示されるパターンは2種類あることをご存じですか？ 記事タイトルの上に画像が大きく出るスタイルと、記事タイトルの左に画像が小さく出るスタイルがあるんです。 どちらのほうが目立つか……そりゃ、画像が大きく出るほうがいいですよ。 画像を大きく表示するには、画像のサイズを大きく

サイト作る際には過去のコードを使いまわすと古くて使えなかったりするので、その都度公式サイトからソースコード持ってきた方が確実ですよね。 というわけで、主に良く使われている6種のソーシャルボタンの公式ページをまとめました。

レスポンシブWebデザインにも使える。Facebookの「LikeButton（いいね！ボタン）」「LikeBox」を可変幅に対応する方法 FacebookのLikeButton（いいね！ボタン）と、FacebookページのLikeBoxをウィンドウ幅に合わせて可変する方法です。お客さんのWebサイトで使うことがあったのでメモしました。 LikeButton（いいね！ボタン） 表示サンプルこちら（https://developers.facebook.com/docs/plugins/like-button/）からhtml5版で作成します。 html<div class="fb-like" data-send="false" data-show-faces="false"></div> css.fb-like,.fb-like span,.fb-like iframe{ width:100

ᐅマレーシアのリノベーション リフォームと内装工事インテリア、内装・外装のリノベーションやリフォームの日系で唯一、建設業開発庁CIDBライセンス認可取得している工事業者。不動産購入、移住、会社設立サポートから。メンテナンス、補修や修理、住宅や工場、パワープラント建設も対応。 WEB上で有益なコンテンツを配信されている方が、たくさんいらっしゃるのですが、毎日の日課のように、そのWEBサイト周りをしてはいられないので、RSSリーダーに登録して、興味をある記事のみを閲覧して時間短縮しています。（なお、RSSリーダーには、メールソフトThunderbirdを利用しています。） Facebookページは、ビジネスの宣伝や自社広告のように利用している場合が多く、読者にとってほとんどメリットのないものばかりでしたが、Facebookの過熱も一段落したところで、Facebookページで読者にとって有益なコ

【Google＋の投稿もできる！】Twitter,Facebook,Google＋の投稿をブログなどのWebサイトに貼り付ける方法 2016/06/17追記SocialDittoはいつの間にか閉鎖されたみたいです。残念・・・。公開当時の情報を以下に残しています。 「Twitter,Facebook,Goole+で投稿した内容を『そのまま』ブログなどWebサイトに貼り付けたい！」と思ったことはありませんか。私は最近特に、Google+で投稿した内容をブログに貼り付けたくなってきました。それで、いろいろ調べると、やり方がありましたのでご紹介します。 「おー、ちょっと興味あるかも」といった方は、是非ともご参考ください。 海外でそんなサービスがありましたやり方を調べていたんですが、海外に「SocialDitto」というサイトがありますここを利用します。使い方は難しくないです。に説明すると、下の画像

「facebook ページって、簡単に造れるんですか？」 ビアバーのカウンターで飲んでいたら、マスターに聞かれた。 「えぇ、簡単ですよ。ページの作成をクリックして、あとは質問に答えていけば、作成するだけなら10分もあればできるんじゃないかな。」 「へ～、そうなんですね。」 という会話があったので、自宅に帰ってから、マスターに説明するためにと思って、作ろうとした。 作ろうとしたが、え～～、どこだっけ？、どこクリックするんだっけ？、状態。ハッキリ言って分からない。＿|￣|○ まぁ、ちょっと調べたら分かったことは分かったんだけど、「簡単」とも言い難いね。(^_^; そんなわけで、この通りにやれば、「簡単に」facebook ページができるというやり方を説明します。 ※この説明は、2012/09/24 時点のものです。facebook はどんどん操作を変えてくるのでご注意ください。 ※画像はクリッ

そもそもFacebookをだらだら見続ける、というのは一般的には非効率的な時間です。しかしその非効率的な時間の中でもできるだけ効率よくすごしたい、と思うことはないでしょうか。 実はFacebookには数多くのキーボードショートカットが用意されていて、メッセージを検索したり、新規作成したりすることがマウスに触れることなく可能となっています。今回紹介するFacebook Cheat Sheetはショートカットをまとめた一覧表プラス顔文字ガイドとなっています。過去に紹介したこともありますが、基本的なショートカットのほとんどはAlt+数字となっています。それ以外で編集部が知らなかったショートカットは例えばAlt+qで使用可能なキーボードショートカットを表示／非表示にさせたり、Alt+cで新規メッセージを作成開始したり、などでした。 ショートカットはブラウザごとに動きが若干異なるので注意が必要です。

こんにちは。iPad mini受賞の興奮も覚めやらぬ、ヒカルです。 いやあ、miniはカウチ読書端末としては、ほんとーにスバラシイわ。目からの距離がしっくり来る場所に、良い大きさで収まってくれるというか。「枠」を意識せず没入させてくれる、良い重さで大きさで、ほんっと・・・・ ってお前の自慢は聞いてない？それはそれは、失礼しましたっ！ 今日の本当のお話は、Facebookコメントの一歩上級の活用方法、なわけです。 Zenbackにもついている、Facebookコメントの枠。 ただ設置するだけだと、ここに新規コメントが来ても気づく方法はないし、気になるコメントも全部表示されちゃいます。 だけれど、たったひとつ魔法のような設定をしておけば、次のようなあなたの望みが叶うのをご存知かしら？ 「自分のブログにコメント来たらうれしいなー。できれば、コメント来たら速攻知りたい！」 「サイト宛に来たコメント

Facebookページを運営していて、どうしたら反応してもらえるかを分析するのはなかなか大変ですよね。かといって、よりよい反応を得るための分析もせずに、ただただ投稿するのも手間がかかるだけで、本来得られる最大限の反応を得ることができず、とてももったいないことになります。 そこで今回は、カンタンにFacebookページの分析をおこなうことができるツールをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Facebookページを分析できる「Minilytics」 「Minilytics」は、自分が管理するFacebookページを解析してくれるウェブサービス。 Facebookアカウントを使ってログインするだけで解析することができます。 「Minilytics」で解析できるデータ ここでは

Posted: 2012.08.21 / Category: javascript / Tag: jQuery FacebookページのウォールはFeedを出力しています。 これをGoogle AJAX Feedを利用してjsonpへ変換してjQueryで表示する方法をご紹介します。 FacebookページのID確認方法 FacebookページのURLを設定していない場合、URLの末尾がIDになります。 もしURLの設定をしている場合、IDはURLではわかりませんので「graph.facebook.com」にアクセスすると簡単に確認することができます。 たとえば「Nike Japan」だったら、Facebookページは下記ですね。 http://www.facebook.com/nikejapan そのままドメイン名を「graph.facebook.com」にしてアクセスします。 http

「Cover Designer」はFacebookのプロフィールにあるカバー写真を簡単に作れるサービスです。文字を入れたり、写真を反転させたりできます。プロフィールの写真とカバー写真をうまく合わせたいときにも使えますよ。 以下に使ってみた様子を載せておきます。 まずCover Designerへアクセスしましょう。Facebookのアルバムまたはローカルから写真を読み込めます。 このようにして編集ができますよ。カスタマイズが済んだら、そのままFacebookへアップロードできます。Facebookのカバー写真を変更する際にぜひご活用ください。

Facebook公式wordpressプラグインで、 もっとも注目の機能の一つは「同時投稿（連携機能）」ですね。 これは、wordpressで記事を書いたりページを作成すると、同時に Facebookのタイムライン上に「最近のアクティビティ」として表示管理しているFacebookページ上に投稿個別Facebookページや友人に特定して投稿 と、連携ができます。 今回は、この方法をご紹介します。 プラグイン導入・アプリ作成は事前に済ませておいてください プラグインの App IDApp secretApp namespace は、設定済みとします。 もしまだ未設定の場合は、 Facebook開発者のページのアプリ設定を開いて、 下の画面の欄に書いてある情報を元に設定ください。 「そもそもFacebookアプリを作っていない」 という方は、こちらをご参考いただき、アプリの作成を完了下さいませ。

Facebook公式のWordPressプラグインがダウンロードできるようになりましたので、さっそくこのブログにも入れようと思います。 プラグインの導入・インストールプラグインのzipファイルをダウンロードします。 Facebook 以下、導入方法をご説明します。 導入方法ダウンロードしたファイルを解凍FTPソフトなどで、wordpressの「plugin」フォルダ内にアップロードwordpressの管理画面から「プラグイン」を選択該当するプラグインを「有効化」する以上です。 Facebookアプリを事前に作成しておきましょうFacebookアプリを作成されていない方は、作成したあとにこの値を埋めましょう。 上の設定が完了すると、各投稿・ページに「いいね！ボタン」「フィード購読ボタン」「コメント欄」などを設置する画面が出ます。 設定したFacebookアプリのインサイトを見ることができます

3月31日の大幅仕様変更(タイムライン化)で、世に出ている多くのFacebookページ制作の解説記事、解説本の内容が古くなってしまいました。タイムライン化後のFacebookページの制作手順をまとめた記事は、私の見た限りまだ出ていないので、私のほうでまとめてみました。 Facebookページ制作経験がある方にも、備忘録として使って頂けるかと思います！ぜひご活用ください！ ※編集部注： 2016年10月7日、最新情報をもとに一部加筆修正を行いました。 ■目次 Facebookページのアカウントを取得する Facebookページを、一旦非公開にする ３．他の管理人を追加する 他の管理人を追加する。 一般設定を編集する 「基本データ」を設定する プロフィール画像、カバー画像を作成、設定する ソーシャルメディアポリシーを用意する ウォール投稿をしておく タイムラインのトップに重要な投稿を固定する