タグ

ogpに関するkidaglassのブックマーク (7)

  • WordPressでFacebookのいいね!ボタンを不具合無く設置する際のポイント

    Facebookのいいね!ボタンはすでに当たり前のように設置されているけど、これって登場からまだ1年半ちょっとだった(よね?)たぶん。 こないだ仕事で、とあるWordPressで構築したサイトにいいね!ボタンを設置した所、謎のバグに遭遇した。 紆余曲折の末、解決はしたんだけど、ちょっと気をつけておいたほうが良い点なども踏まえ、WordPress内でソースに書いて挿入する設置方法のまとめをしてみようと思った。 Facebook開発者アカウントを認証しよう まず、Facebookはスパム対策のため、アカウントを認証する必要があります。 もちろん前提としてFacebookアカウントを持っていることが必要ですが、その上でこのページから携帯メールアドレスを確認しておきます。 余談ですが、Facebookって解り辛いんですよね。。個人的に日語ライクじゃないというより、根的な構造の問題もある気がしま

  • Facebook OGPの設定で私がハマった各種エラー | 鹿通信

    こんにちは、WordPress初心者の鹿です。 現在ご覧の通り 、私の使っているテンプレートはWebクリエイターボックスさんの作成されたテンプレートを少しだけ改造したものです。 そんな状態の私なのですが、Facebookをかなり生活の中心に据えていて、情報の共有は主にFacebookが中心。なので、このブログの記事にはOGP(Open Graph Protocol)は是非導入したかったのです。そこでWeb上を検索して、記事やチュートリアルを拝見。「Open Graph Pro」というWPプラグインを使用して導入しようとしたのですが、ものすごい勢いでハマりまくり、結局徹夜という騒ぎになってしまいました。 原因は、いろいろなミスが多数積み重なったというところなのですが、私のようなノンプログラマーWordPress初心者がハマりがちな感じがしたので、ここでひとつ記事を書いてみようと思い立ちま

  • ブログとFacebookの連携成功からブログパーツ設置までの発狂したアレコレ | りくまろぐ

    Facebookへの更新通知設定で手こずる 先日、Facebookに登録し、Facebookページも作りました。何一つ凝った要素のない質素なページですけどね。 で、ブログ記事を更新したらTwitterに更新情報をアップするのと同じように、Facebookにも更新情報をアップできるよう改造を加えたのですが、これが予想以上に手こずった。 まず、WordPressのプラグイン「Open Graph Pro」をインストール。これはブログからFacebookへ渡す「OGP(Open Graph Protocol)」という情報を認識してもらうための設定だと思ってください。 「Set Object Type to」欄は「Blog」と指定。このブログは記事に必ずアイキャッチ画像(トップページで記事の左側に表示されている、記事を代表する画像のことです)を登録するお約束にしているので、画像に関する指定は空白の

    ブログとFacebookの連携成功からブログパーツ設置までの発狂したアレコレ | りくまろぐ
  • 今すぐ確認した方が良い – FacebookのOGPがきちんと設定できているか調べる方法 | Last Day. jp

    今すぐ確認した方が良い – FacebookのOGPがきちんと設定できているか調べる方法 最終更新日: 2013/08/04 対処法 フェイスブック大好き@sayobsです。皆さんFacebookのOGPはきちんと設定できてますでしょうか? OGPがきちんと設定出来てないとせっかく友達があなたの記事に「いいね!」をしてくれても友達のウォールにあなたの記事が表示されません。今日はOGPがきちんと設定されているか確認する方法を紹介します。 「URLリンター」facebook公式のデバッグツールです。ここに自分のブログ・ウェブサイトのURLを入力してください デバッガー エラーがあるとエラー項目が表示されます。エラーあると「いいね! 」が友達のウォールに表示されなくて勿体ないです。しっかり対処しましょう! OGPが何故重要かは↓ OGPとは? 改めてOGPの重要性について考える時が来た。 | L

    今すぐ確認した方が良い – FacebookのOGPがきちんと設定できているか調べる方法 | Last Day. jp
    kidaglass
    kidaglass 2012/05/19
     ★★★
  • WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jp

    […] 「URLリンター」 facebook公式のデバッグツールです。ここに自分のブログ・ウェブサイトのURLを入力してください デバッガー エラーがあるとエラー項目が表示されます。エラーあると「いいね! 」が友達のウォールに表示されなくて勿体ないです。しっかり対処しましょう! WordPress使ってる方はプラグインを使うと便利ですよ:) OGPが何故重要かはフェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記見るとわかりやすいです。 「Open Graph Pro」↓が最高におすすめです。 WordPressOGP設定は「Open Graph Pro」がベスト | Last Day. jp「WP-OGP」はバグがあって上手くOGPが設定出来てない場合があるんですよね。 … これ1冊で完全理解facebook (日経

    WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jp
  • WordPressをFacebookのOGPに対応させるなら「WP-OGP」より「Open Graph Pro」がオススメ

    Facebookをはじめ、さまざまなSNSサイトで使われるようになったOGPOGP(Open Graph Protocol)とは、簡単言うとそのページになにが書いてあるかという情報をプログラムから読める形でHTMLに追加する方法のことです。 このブログでもそのうちやろうと思いつつ先延ばしにしてきたのですが、いいね!ボタンのコードが新しくなっていたので、チェックも兼ねて自分で押してみたところ、サムネイルがなんだかへんなのを引っ張ってきて酷いことになっていました。 なぜかTumblrのボタンがサムネイルになっています。 これはちょっと直しておかねばと人気のWordPressプラグイン「WP-OGP」を入れてみましたが、いろいろと不具合があるらしく「appid」を「app_id」に直したり、サムネイルを記事内の最初の画像にするためにコードを差し替えたりとしなくてはいけないようでして。。。 そ

    WordPressをFacebookのOGPに対応させるなら「WP-OGP」より「Open Graph Pro」がオススメ
  • デザインどや!?|海外カジノ オンラインのWEB作成

    Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。

  • 1