タグ

Facebookに関するmami_6のブックマーク (28)

  • Facebook連携プラグインWordbookerのオプション解説

    先日書いたWordPressの記事をFacebookに連動させる最も簡単な方法【まとめ】の続きで、Wordbookerの設定についてまとめました。やっつけ仕事ですがお許しください。。 ブログ設定(Blog Level Settings) ブログレベルの設定です。 後述のユーザ設定(User Level Settings)は、このブログレベルの設定よりも優先されます。 一般設定 ブログ記事をFacebookに投稿するための基的な設定です。 設定例 Default Publish Post to Facebook :true Default Publish Page to Facebook :true Unless changed, Posts will be published on the Facebook belonging to :Current Logged in User Pub

    Facebook連携プラグインWordbookerのオプション解説
  • WordPress: facebookの「いいね」に使われる画像を指定するコード書いた | Hinemosu

    facebookの「いいね!」ボタンを押したとき、サムネイル画像として使われる画像を指定するWordPress用コードを書いたよ。 「いいね!」ボタン実装の詳細は他を当たってもらうとして、ここではサムネイル画像を指定するプロパティ「og:image」に限って説明します。 コードは個別記事(post)で記述することを前提としているので、インデックスやアーカイブで使用する際は、自分で一工夫して下さい。 機能説明 「いいね」ボタンを押したときに使われる画像は、「Open Graph protocol」の「og:image」プロパティで指定されます。 <meta property="og:image" content="IMAGE_URL"/> 上記"IMAGE_URL"を適切に切り替えれば、個別記事でサムネイルとして使用される画像を指定できると言うことになります。 イメージ画像はPNG、JPEG

    WordPress: facebookの「いいね」に使われる画像を指定するコード書いた | Hinemosu
  • Facebookチェックインクーポンを早速作ってみました。

    Facebookチェックインクーポンが、ついに一般にも機能開放しました。 日よりスポットの所有者であれば誰でもクーポンを作成できるようになりました。 ソラソルでは早速チェックインクーポンを作ってみたので今日はその過程をブログ記事にまとめました。 サービス開始の6月7日以来、待ちに待った瞬間がやってまいりました。(以前、待ちかねてこんな記事も書きました) ■チェックインクーポンを作ってみた チェックインクーポンを作成するには、スポットの管理画面から操作を行います。 下にある画面ショットのように、次の順番でクーポンの作成画面を開きます。 ①スポットの編集画面を開く ②画面左メニューから「クーポン」をクリック ③クーポン作成画面を開く  「このページ用にチェックインクーポンを作成」というリンクをクリックすると、今度は⑤クーポン作成画面が開きます。クーポンの種類や提供するサービス内容、発行期

  • facebookページとチェックインスポットの統合

    隠者ブクロ。。って( ゜д゜)?。。。ブログかい!?ゞ( ̄∇ ̄;)おいおい 和器webショップ 『 菖蒲の隠者 』 のブログです。 1ヶ月ほど前に記事にした 『facebookページとチェックインスポット』 の統合の不具合について、 今朝になってようやく統合する事が出来ました♪ 折角なので私が行ったその手順をご紹介します。 注: 以下はfacebookページをすでにお持ちの方を前提にした手順ですので、これから新たにfacebookページを制作される方は、最初にスマホなどでお店(会社)のスポットページを作ってから、そのページにオーナー申請をしてそこにfacebookページを制作していけばチェックインスポットの備わったfacebookページが作れます。(先にfacebookページ単独で作ってしまうとスポットの統合が面倒なのでご注意下さい) 以下、スポットの備わっていないfacebookページ

    facebookページとチェックインスポットの統合
  • Graph API

    2011年03月09日22:50 by oklahomer Graph API カテゴリドキュメントAPI Graph APIの和訳です。Facebook上のデータへのアクセスで最も良く使うGraph API全般についての解説が書かれています。まず「Open Graphに触れる 1:基」で全体の流れを把握して読むことをオススメします。 以下、2012年4月30日 12:06更新分までの文です。 Facebookの中核をなすのはソーシャルグラフで、人々や人々が周りの物事に対して持つコネクション(繋がり)を示します。このAPIは以下の3点を提供します ソーシャルグラフへの、シンプルで一貫性のあるアクセス統一されたフォーマットのオブジェクト(人物、写真、イベント、ページ)それらの間のconnection(交友関係、いいね!、写真のタグ付け)ソーシャルグラフ上の全てのオブジェクトには固有IDが

    Graph API
  • Facebookのソーシャルグラフが取得できる「Graph API」文書の日本語訳(前半) | sakazuki.info

    Facebook関連のお仕事をしている方向け記事。 フェイスブックのソーシャルグラフを取得することができる Graph APIの文書を、日語に訳してみました。 英語版: http://developers.facebook.com/docs/reference/api/ 意訳している部分もあり、 正確性の保証はありませんがご参考までにどうぞ! ————————————————————————————————- Facebookの「キモ」はソーシャルグラフにあります。 (ソーシャルグラフというのは、 人々と、彼らが関心を持つ物とのコネクションの事を指します。) グラフAPIというのはFacebookのソーシャルグラフを提供するものであり、 人、写真、イベントやページと、それらのつながりを見せてくれます。 ソーシャルグラフ上の全てのオブジェクトは、 ユニークIDを持っています。 「https

    Facebookのソーシャルグラフが取得できる「Graph API」文書の日本語訳(前半) | sakazuki.info
  • Facebokページの情報やRSSフィードを取得してHTML出力|facebook関連|Web関連特集|PHP & JavaScript Room

    FacebookページのウォールのRSSフィードを取得して可変グリッドでHTML出力〔Google Ajax Feed API使用〕 Facebookページの基情報をJSON形式で取得してHTML出力〔Facebook Graph API使用(認証なしのもの)〕 Facebookに投稿した写真情報をJSON形式で取得してHTML出力〔Facebook Graph API使用(認証なしのもの)〕 FacebookページのウォールのRSSフィードを取得して可変グリッドでHTML出力 Google Ajax Feed API使用 2011/5/22 http://www.facebook.com/feeds/page.php?id=FacebookページID&format=rss20 FacebookページのウォールのRSS(XMLファイル)を取得して、最近投稿された内容を可変グリットでHTM

    Facebokページの情報やRSSフィードを取得してHTML出力|facebook関連|Web関連特集|PHP & JavaScript Room
  • 名前空間

  • facebookページのコンテンツ幅 × 高さを可変にする | blog | fublicbox

    iframeを使ってfacebookページを作成した場合のデフォルトでの表示領域は520px × 800pxで、作成したコンテンツがそれをオーバーしてしまうと、自動的にスクロールバーが表示されてしまいます。 そのため、スクロールバーを非表示にし、作成したコンテンツによって表示領域が可変するように設定する必要があります。 【1】 facebookページのアプリケーション編集画面で設定を変更します。 左側の「Facebook integration」を選択し、「iFrameサイズ」で「Auto-resize」を選択(下画像)。 【2】 スクロールバーを非表示にします。 CSSに以下を記述。 body{ margin: 0; overflow: hidden; } 【2】 表示領域を可変にします。 HTMLの<head>〜</head>内に以下を記述。 <script type=

  • Facebookページのスクロールバーを消す方法の改良版 | ユージック

    Facebookページのスクロールバーを消す方法の改良版 2011年5月17日 ※jQueryのやり方ではなくFB.Canvas.setAutoResize();の方法がよりスマートです。 FB.Canvas.setAutoResize();が廃止となり、FB.Canvas.setAutoGrow();を使うようになったみたいです。 以前書いた記事Facebookページ作成についての覚書にてJavascriptSDKを使ってiframeのページの高さを調整してスクロールバーを消すやり方のページの方法をご紹介しましたが、コンテンツの内容が変わるたびに高さの設定をしないといけないので、ページの高さを自動で取得して代入するやり方を考えてみました。 FB.Canvas.setAutoGrow();を利用する方法 アプリ作成時にiFrameサイズの設定をAuto-resizeにチェックします。読み込

    Facebookページのスクロールバーを消す方法の改良版 | ユージック
  • Facebookページのカスタマイズ完全版~iframeの設定から「いいね!」判別切り替えまで~ 【ホームページ制作 福岡・作成】 グレート・ビーンズ

    トップ  》 ブログ & コラム  》  Facebookページのカスタマイズ完全版~iframeの設定から「いいね!」判別切り替えまで~ Facebookページの中でも特にウェルカムページの設定やカスタマイズをしたい方のために、 ・プロフィール画像制作 ・ウェルカムページ制作 ・iframeの設定 ・https(セキュア表示)対応 ・「いいね!」を押しているかいないかの判別によるページ切り替え まで、Facebook公開までの流れをまとめておきます! /////////////////////////////// ■プロフィール画像制作 まずはFacebookページのプロフィール画像。 サイズは横幅180px/高さ540pxまで ちなみにグレート・ビーンズのFacebookページのプロフィール画像は180px/360pxです。 プロフィール画像を登録したら画像の一部から「サムネイ

  • Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス

    2017年6月29日 Webサイト制作, Webデザイン 最近会社でFacebookページを作成する事があり、楽しくてすっかりハマってしまったManaです。そのノリでここWebクリエイターボックスのFacebookページも作ってみました。そこで、Facebookページ作成中に役にたったコードやプラグイン・サイトを紹介します。 ↑私が10年以上利用している会計ソフト! ※これは2010年に書かれた古い記事です。更新記事「Facebookページの作り方 2012年1月版」をご覧ください。 Facebookページのカスタマイズ概要 Facebookページの基的な作成手順についてはかちびと.netさんが詳しく解説しています。なので、ここではFacebookページをHTMLCSSでカスタマイズできるFBMLというアプリケーションやその他のプラグインを使った、もう少し踏み込んだFacebookペー

    Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス
  • facebookで「いいね!」を押した時の画像を指定する方法はOpen Graph protocolのog:imageを使うべし

    ホームfacebookfacebookで「いいね!」を押した時の画像を指定する方法はOpen Graph protocolのog:imageを使うべし

    facebookで「いいね!」を押した時の画像を指定する方法はOpen Graph protocolのog:imageを使うべし
  • 【プラグイン】WordBooker、再びっ

    改めてプラグイン「WordBooker」をインストールし直しました。 これで大丈夫かな? 【追記】 変になっちゃった経緯は・・・ 5月3日、WordBookerをアップデート。 関係あるか分からないけど、その後にWprdPressを3.1.2にアップデート。 その後から、WordBookerでFaceBookと連携出来なくなりました(^^;) 時間がないので放置。 5月10日、更にWordBookerのバージョン1.8.27をダウンロードして アップデートしたら、設定の所でループ状態に。 もう一度インストールしなおしたりバージョンを落としたりしても 変わらなかったので一旦削除して放置。 そして、さっき改めてやってみたら、今度はちゃんと出来ました! とりあえず設定は「IMAGINATION DESIGN BLOG」さんの 【WordPressWordPressの投稿記事をFacebookペ

    【プラグイン】WordBooker、再びっ
  • WordPressとFacebookを連携して自動で更新情報を投稿する「Wordbooker」

    Facebookユーザーでブログを書いていれば、やっぱりブログの更新通知をFacebookにも流していきたいところ。 現在、僕はFacebookアプリの「RSS Graffiti」を利用してますが、Facebookへの投稿タイミングと、Facebookのハイライトへの表示的に微妙な感が否めないんですよねぇ。 そこで、試しにWordPressプラグインの「Wordbooker」を使い始めてみました。 Wordbookerとは? Wordbookerは、WordPressとFacebookを連携するプラグインです。 Facebook Connectで認証して利用します。 設定項目が非常に多彩なのが特徴ですかね。 Facebookへの更新通知の流し込みの他、Social Pluginを記事に対して導入することも可能になっています。 また、個人アカウントだけでなくFacebookページにも同時に、

    WordPressとFacebookを連携して自動で更新情報を投稿する「Wordbooker」
  • FacebookをWordPressのブログに統合する3つの簡単な方法 | ブログヘラルド

    フェイスブックをワードプレスのブログに統合するつもりなら、容易に行えるプラグインおよびテンプレートフックが幾つかあるので利用してもらいたい。「アップロードして有効化」するプラグインを探しているにせよ、エンベッドフレンドリーなコードを探しているにせよ、選択肢は豊富にある。 今回は、フェイスブックコメント・フォー・ワードプレス(プラグイン)、フェイスブック・ライクボックス(エンベッドコード)、そして、シンプル・フェイスブック・コネクト(プラグインのフルフレームワーク)を詳しく調べていく。 シンプルなコメントシステムを求めているなら1つ目の選択肢を、フェイスブックページ用のファンページを構築したいなら2つ目の選択肢を、フェイスブックをログインプラットフォーム、ライクボックス、そして、その他のオプションを統合したいなら3つ目の選択肢を勧める。 いずれにせよフェイスブックのニーズを満たすプラグインや

  • Facebookページにブログの最新記事を簡単に表示させる | RSS for Pages | Facebook Lab|フェイスブックラボ – Facebookの最新情報からFacebookページ制作まで

  • RSS.Graffitiの使い方:facebookアプリ | facebookApps JAPAN

    facebookApps.jp[フェイスブックアップス ジャパン]はfacebookを活用したプロモーション、アプリ開発、関連ウェブ制作に関する記事を掲載するオンラインメディアです。facebookアプリ開発、iPhoneアプリ開発、Androidアプリ開発を承っております。facebookのプロフィール、ファンページで使える「RSS.Grafitti」アプリ。 このRSS.Grafittiを使えば、既存のブログやウェブサイトで更新した情報をfacebookのウォールにも投稿できるようになる。 今回はRSS.Grafittiの導入を4ステップで解説する。 [1/4] http://www.facebook.com/RSS.Graffiti まずは上記URLからRSS.Graffitiのページへ。 左メニュー「自分のファンページに追加」をクリック。 これでRSS.Graffiti

  • Facebook - フェイスブック - ログイン (日本語)

    Facebookで投稿や写真などをチェックできます。

    Facebook - フェイスブック - ログイン (日本語)
  • 『Facebook でブログを自動で読み込む「RSS Graffiti」』

    自分の書いているブログを自動的に Facebook の個人ページやファンページに RSS を使って読み込むアプリケーションに「RSS Graffiti」があります。 Facebook | RSS Graffiti たぶん、ほかにも同様のアプリケーションはあるのだと思いますが、とりあえず無料であること、そして勝間さんをはじめ、著名な方も使っているので信じてみることにしました やはり始めたばかりなら、勝間さんのような情報源が豊富で信頼できる人が、すでに問題なく使っているサービスを参考にするというのは鉄則でしょう それにしても、利用者自体、日人が少ないけど、まだまだ英語のサービスが主流のようなので、積極的に日の初心者に勧めるのは厳しいかもしれません。 とりあえず「アプリ移動」ボタンで移動します。 おそるおそる Facebook と RSS Graffiti の連携を許可して、連動させたいブロ