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 の OGP の設定の有無で何が変わるのかを理解できたのでメモ.まず,Facebook の個々のページには(それ以外のページもいろいろありますが)「ウォール」と言うページと「ニュースフィード」と言うページがあるようです.言葉が正確かどうかは分かりませんが,これらはそれぞれ,以下の情報を表示するページのようです. 「ウォール」は,自分の活動履歴が残るページ 「ニュースフィード」は,自分+友達の活動履歴が残るページ ただし,ここで注意が必要なのは,どうも「ニュースフィード」には「ウォール」の全ての履歴が残る訳ではないようです.そして,この「ニュースフィードに残るかどうか」で重要になるものに OGP 設定の有無があるようです.実験として,OGP の設定をしているページとしていないページを作成して,それぞれのページから「いいね!」ボタンを押してみました. http://ci
ご無沙汰しております、ヤガーです。 今までのFacebook関連のネタや、OGPに関する記事を書いてきましたが、さすがに企業サイトやブログなどではOGPの設定が浸透してきていると思います。OGPがあるとないとではウォールに流れた際の反応が全然違いますからね。で、このOGPなんですがFacebookはパフォーマンスのためか一度読んだものはキャッシュしてしまいます。metaタグの構成を変えたり、そもそも記事内容を変更したとしても、1度でもいいね!押されているとその状態のOGP設定が残ってしまいます。 そこで、OGPの設定を確認するためのFacebook公式ツール「デバッガー」を使うのですが、このデバッガーを使うとキャッシュもクリアできるので、表示が切り替わらないって場合にも有効です。 このデバッガー関連の便利ツールを5つ紹介します。 1)Facebook公式デバッガー デバッガー – Face
【保存版】やるとやらないでは大違い!Facebookいいね!ボタンを最適化する「OGP」設定方法まとめ Facebookのソーシャルプラグイン 「いいね!」ボタンの最適化に必須である「OGP(Open Graph Protocol)」について、その内容と具体的な設定方法をご紹介します。 こんにちは、アライドアーキテクツ株式会社 制作部 プロデューサーの久保田です。 突然ですが、あなたのサイトの「いいね!ボタン」、最適化されていますか? 「Like Button(いいね!ボタン)」は、Facebookにログインしているユーザーが「いいね!」すると、Facebookのタイムライン上にタイトルと画像、説明が表示されるソーシャルプラグインの1種です。オウンドメディアのソーシャル化にあたり、最もよく利用されており、またユーザーにも馴染みがあるものでしょう。そして、この「Like Button」を通じ
OGP(Open Graph protocol)って知ってますか? 「フェイスブックなどのSNSがブログやサイトの情報を持って行く際にOGPの情報を参考にする」ようです。どんなサイト管理者も注目する要素ですね。 エラーが出る「修正が必要な[いいね!]ボタンの警告」 OGPの設定をして「ひゃっほー」となっている私をあざ笑うかのようにフェイスブックのデバッカーがエラーを吐く・・・ ・Facebookのデバッカー エラーの内容は下記のとおりです。 Admins And App ID Missing: fb:admins and fb:app_id tags are missing. These tags are necessary for Facebook to render a News Feed story that generates a high clickthrough rate. G
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く