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:

シェアデバッガーでは、コンテンツがFacebookでシェアされたときの表示をプレビューし、Open Graphタグの付いた問題をデバッグできます。

ホームページがある企業は必須！Facebookインサイト Facebookページ運用者は、いいね！ボタンやFacebookコメントボックスなど、Facebookのソーシャルプラグインを、自分のホームページやブログに導入されている方が多いですね。 ホームページ上のいいね！ボタンが、どれだけ押されて、その結果、Facebookで記事がどれだけ表示され、更にはFacebookから記事への流入がどれだけあったか。そんな重要な事がバッチリと分かるのが、Facebookのドメイン・インサイト（解析）です。 上記のように、いいね！ボタンだけでなく、ホームページやブログに配置した、Facebookのコメントボックスの反響も分かるスグレモノ。なのに、その存在すら知らない中小企業があまりにも多い！ 実は簡単！ ホームページやブログを持つ、Facebookページの企業運用者には絶対に必須である、Facebook

新Facebookページのアイコンやタイムラインカバーのサイズのメモと、アプリページの横幅の変更方法です。 新Facebookページをデザインする時にこちらでフリーで配布されている「Free download psd Facebook new fan page GUI « misz michal galubinski design」のPSDファイルを使うと、デザインしやすいと思います。 タイムラインページのサイズ色々 今回の変更でFacebookページへアクセスした場合に最初に表示されるようになった、タイムラインページのサイズです。 Facebook はよく仕様が変更されるので、作成時には Facebook からの情報を確認してからの方がよいです。 タイムライン上部のカバーサイズ等 タイムラインカバー　横 851 px　縦 315 px プロフィールアイコン　横 150 px 縦 150p

すでにお持ちの方も多いと思いますし、設定自体簡単ですのでFacebookページ自体の登録方法は割愛させていただきます。 ページタブアプリの作成方法 まず、Facebook開発者にアクセスしましょう。 右上にある「新しいアプリケーションを作成」をクリック。 アプリの名称を入力します。 Herokuを使ってiframe内のコンテンツを作成する場合、下の「Web Hosting」にチェックします。 Herokuは、ウェブサービスのホスティングサービスですが、私は使ったことがないので、ここからは自分でサーバーを用意することを前提に説明を続けます。 セキュリティチェックをします。ほんと見にくいです。 ページタブをクリックして内容を入力します。 今まで私は、http:// で始まるURLのみ「Page Tab URL」の欄に登録していたのですが、セキュアな接続をしているユーザーが閲覧した場合に備え、h

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:

皆さんはFacebookの「いいね！」と「シェア」の違いは分かりますか？ それぞれの波及先は分かりますか？ 今回は基本に戻って、Facebookの「いいね！」と「シェア」の詳細な説明をします。最後のほうではFacebookページの「いいね！」についてや「いいね！ログ」なども少し紹介したいと思います。 ※編集部注： 2017年5月16日：最新情報をもとに一部を加筆修正いたしました。 ■目次 「いいね！」と「シェア」の違いを説明する前に…… Facebookのコンテンツ共有の仕組み 「いいね！」すると何が起こるのか？ 「シェア」すると何が起こるのか？ Facebookページへの「いいね！」は全く別物！ 補足：自分が「いいね！」をした履歴を見る方法 まとめ 「いいね！」と「シェア」の違いを説明する前に…… これから「いいね！」をするというのはどういうことなのか、「シェア」をするとはどういうことな

企業サイト等に「いいね！」を埋め込む時に押さえておきたいのでメモ。 ■facebookでシェアされたときのサムネイル画像を指定する方法(サイト運営側) 例えば商品ページとかに「いいね！」を埋め込んでfacebookユーザーにシェアされても、デフォルトはfacebookがテキトーに抜き出した画像がサムネイルになるっぽいのでナビゲーションの画像がサムネイルになったりする事もある。 それだとなんだかパッとしないので、シェアされたときにサムネイル画像にして欲しいファイルをこちらから指定する必要がある。 metaタグに以下のように書けばOK。 <meta property="og:image" content="http://から始まるサムネイル画像ファイル.jpg" /> こんだけ。 ■どんなふうに表示されるかのチェックも忘れずに。 チェックツールとしてfacebookの「URLリンター」を使用し

3月30日、すべてのFacebookページが、新しいユーザーインターフェイス「タイムライン」に強制変更されます（時間は未定）。時間が限られているので、筆者が所属するTAMでもFacebookページのタイムライン対応に追われています。 “タイムライン移行後”の新しいFacebookページにおける変更点、対応のポイントを、事例を交えて紹介します。 新Facebookページのここが変わる！ Facebookページがタイムラインに移行する際に変更される点は大きく以下の4つです。 ユーザーインターフェイスのタイムライン化 アプリタブの取り扱い変更 投稿についての変更 管理機能の拡大 1.ユーザーインターフェイスのタイムライン化 昨年より個人のプロフィールページで変更がすすめられていた新ユーザーインターフェイス「タイムライン」が、いよいよFacebookページにも反映されることになりました。タイムライ

Facebookを企業で活用するために、Facebookページの開設・運用方法を解説する本連載。第1回では、Facebookページの概要と基本的な機能について、事例を挙げながら紹介しました。今回はASCII.jp Web ProfessionalのFacebookページを例にとって、Facebookページの作成方法を具体的に解説しましょう。 さっそくですが、完成したWeb ProfessionalのFacebookページを紹介します。 Web Professional編集部では、「固定読者を育てることで媒体価値をアップさせる」ことを目的にFacebookページを開設しました。「いいね！」をしてくれたユーザー（ファン）に対して、ニュースフィードを通じて最新情報を提供し、ウォールによる記事へのフォードバックや、ファンの友人を通じた潜在的な読者へのリーチも狙います。Web Professiona

ソーシャルリクルーティングが話題になり、Facebookを活用して、新卒採用・中途採用をする企業も増えてきました。Facebookページは「採用」という目的は同じなのに、企業によってページの見せ方、コピーのつけ方、応募の流れがそれぞれ異なります。 Facebookページは自由にページを作成できるので、募集ページも企業文化をアピールする大事な場所です。今回は国内企業の運用事例を紹介しながら、Facebookページで求人募集をするにあたって、制作時に注意しなければいけない項目をまとめました。 採用Facebookページ運用の基礎知識 Facebookページを使って採用募集をするにあたって、知っておくべきFacebookページ運用の基礎知識をまとめました。 ページURLは「いいね！」が25人以上で変更可能！ Facebookページを作成すると、自動的にURLが割り当てられます。このURLは数字を