FacebookページのFeedをPHPで取得して並べる - マメな人はバカであれ
FacebookのFeedを取得してWordpressのような記事一覧にしたい。 そんな時は、FacebookのgraphAPIを使います！ 前にも、無期限のアクセストークンの作成について記事を書きましたが、これはAPIを通わして作ったPageの無期限のトークンなのです。 sutobu000.hateblo.jp 今回は、企業や施設用のFacebookページのFeedを取得する方法を書いてきます。 必要なもの Wordpressのような記事一覧を想定して作成していきます。 なので、必要になるのが - 記事の本文 - サムネイルの画像 - 記事作成日時 - パーマリンク これらを取得するためにDevelopersに登録しておきます。 https://developers.facebook.com/apps/ 今回使うアクセストークンですが、App Access Tokenを使います。 これに
2016年版：WordPressでOGPを正しく簡単に設定する方法 [プラグイン不使用]
今日はWordPressで作ったサイトにFacebookのOGPを設定する方法をご紹介します。 プラグインで対応している方も多いと思いますが、なるべくプラグインを使わないでサイトを軽くするために手動で設定していきましょう。 子テーマの使用方法 テーマファイルをカスタマイズする時は子テーマを使うことが推奨されています。 子テーマを使用すると、テーマ本体をアップデートしてもカスタマイズ内容が消えないというメリットがあります。 STINGER7での子テーマの使用方法はこちら↓ STINGER7：テーマのインストールと子テーマの使用方法 特にSTINGER7の場合は「header.php」を編集する際には注意が必要です。 こちらの記事を参考にしてください↓ STINGER7：親テーマの任意のファイルを子テーマで編集する方法 OGPとは？ まずはお約束の「OGP」についての簡単な説明を少し。 もう見
![2016年版：WordPressでOGPを正しく簡単に設定する方法 [プラグイン不使用]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0479910cc155dbeec99054936bb70e6e134266e6/height=288;version=1;width=512/https%3A%2F%2Fweb-ashibi.net%2Fwp-content%2Fuploads%2F2016%2F02%2Feye_wp.jpg)
OGPタイプ(og:type)の設定をwebsiteとarticleで自動振り分け
OGP設定時にwebページの種類を指定する「og:type」があるのだけど、これがどうも全部ページ一緒くたんに"website"ではいけない事が判明した。 どうもトップページがwebsiteで下位ページがarticleでないといけないみたい。 （ブログだとトップページがblogで下位ページが同じくarticleで良かったみたいだけど、現在公式ではblogが消えてるし、たぶんwebsiteで良いかと） OGP公式 Facebook てことで、一応PHPでそれらを振り分けるコードを書いてみた。 <meta property="og:type" content="<?php if($_SERVER["REQUEST_URI"] == "/"){echo "website";}else{echo "article";}?>"> まあ、2種類だけだし手動でやってもいいんだけどねｗ ちなみに、og:t
facebook OGP(Open Graph Protocol)設定 og:type 一覧
2011.09.28 ビジネスでfacebookを使っている方も増えていると思います。 インベントリーでもfacebookページを公開し、facebookページ制作も提供しています。色々調べているとfacebookは深いですね。 よろしければインベントリーfacebookページにいいね！押してください！！ そんな中今日はfacebookのいいねボタンをサイトに埋め込むにあたりOGP(Open Graph Protocol)の設定が重要になります。なんの事かわからない場合はすみませんが役に立たない記事なので読み飛ばしてください！ OGPの設定をしているとしていないではせっかくいいね！を押してもらってもいいね！の威力が半減してしまいます。 facebookユーザーの方ならわかると思うので簡単な説明ですませます。 OGPの設定をしていなければいいねを押しても自身のウォール止まり。ニュースフィード
【10分で終了】facebook投稿時にサムネイルを表示するためのOGP設定-WordPressカスタマイズ – HCDコンサルティング（旧・中川勉社会保険労務士事務所FPウェブシュフ）のブログ
facebookでブログ記事を拡散したいなら必ず設定しないといけないのがOGPです。プラグインは使わずに、コピペするだけで設定が終わるスニペットを作ってみました。（HTML5用、header.phpに貼り付け） OGPとは OGPはOpen Graph Protocolの略語です。ウェブページの内容をプログラムが把握しやすい形式で書いたものです。その形式は以下の通り <meta property="og:title" content="ページタイトル"> <meta property="og:type" content="トップページはwesiteそれ以外はarticle"> <meta property="og:description" content="ページの概要"> <meta property="og:url" content="ページのURL"> <meta property=
WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jp
[…] 「URLリンター」 facebook公式のデバッグツールです。ここに自分のブログ・ウェブサイトのURLを入力してください デバッガー エラーがあるとエラー項目が表示されます。エラーあると「いいね! 」が友達のウォールに表示されなくて勿体ないです。しっかり対処しましょう! WordPress使ってる方はプラグインを使うと便利ですよ:) OGPが何故重要かはフェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記見るとわかりやすいです。 「Open Graph Pro」↓が最高におすすめです。 WordPressのOGP設定は「Open Graph Pro」がベスト | Last Day. jp「WP-OGP」はバグがあって上手くOGPが設定出来てない場合があるんですよね。 … これ１冊で完全理解facebook (日経
Facebook,Twitter,はてな,mixiのソーシャルボタンをオリジナルにしたいのです
FacebookやらTwitterやらはてなやらmixiやら何やらソーシャルボタン付けたいけれど、 角丸とかフォントとか大きさがまちまちだし幅とるしカウント数いらないし… 記事の下とかにあるならいいけど、 これが記事の上にあったりすると微妙に嬉しくない。 なんとか、 って具合に、アイコンだけ並べておけないだろうか。と思ったわけです。 分けて書こうと思ったけど、あんまりマメ子じゃなくてすぐ忘れるので、一気にダーッとメモします。 ≫Facebookのシェアをスマートに！ ≫ボタンをオリジナル（自作）にする簡単なカスタマイズ ≫FacebookシェアのオリジナルボタンをMovabletypeに入れる。 ≫Facebookに投稿するコンテンツの見せ方にこだわる ≫OGPのmetaタグをMovableTypeに入れてみる ≫テストユーザーで投稿テストしてみる ≫Twitterのボタンをオリジナルにす
Facebookのshare(シェア)ボタンをサイトやブログに設置する方法
このブログでもFacebookの「いいね！（like）」ボタンを設置する方法は書いたことがあるし、同じように「いいね！」の解説ページは他にもたくさんあるんだけど、各種「share（シェア）」ボタンのオプション設定の解説を日本語で書いてるページはあまり見あたらない。（現在はいいね！数をカウントしている「share+カウント数ボタン」の解説ページはある。） しかも「facebook share」でGoogle検索するとトップにでてくるShare on FacebookにアクセスするとなぜかLike Buttonの方にページ移動させられて、shareボタンのヘルプページが見つかりにくいという問題もある模様。というわけで「shareボタンの設定と設置方法」を書いてみた。ブログやサイトに設置するときに参考にどうぞ。 各種sahreボタンの解説 shareボタンも「いいね！」ボタンと同じようにヘルプペ
TwitterやFacebookでコメントできるWordpressプラグイン「DISQUS」を導入。 | 木下茂雄のライフログ
TwitterやFacebookのアカウントにログインしておけば、 名前やメールアドレスの入力をせずとも、コメントすることができる Wordpressのプラグイン「DISQUS」を導入しました。 ダウンロードはこちらから 公式サイトはこちら プラグインのインストール自体は簡単でしたが、 いくつか詰まったことがあったのでメモ。 デザインが崩れている場合 プラグインを「有効化」しても、コメント周りのデザインが崩れている場合、 本家にログインして「Setting」→「Appearance」の 「Current Theme」を「Narcissus」をすればOKかと。 デザインをカスタマイズしたい場合 DISQUSのデザインを好きなようにカスタマイズしたい場合、 自分のサイトのCSSファイルの最初あたりに、 @import url(http://path-to-css); と記述してく
海外Webサイト・海外Web屋の特徴
2013年3月23日 Web関連記事, 海外情報 以前「日本向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ？」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います！ ↑私が10年以上利用している会計ソフト！ 追記：ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日本ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ
facebookにアップした写真を、facebookに登録していないひとに公開する方法 | nanapi[ナナピ]
facebookにアップした写真を、facebookに登録していないひとに公開する方法に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。facebookのアルバムは、facebookに登録していないひとでも見れるんです！ 前回のエントリー「登録したけど次は何をしたらいいの？」facebook初心者がきっかけを掴むための6つのポイントで、facebookに登録したけど、次何すればいいの？というみなさんに、「まずは写真をアップしてみよう！」というご提案をしてみました。 そこで今回は、実際にアップする方法と、それを公開する方法をお伝えしましょう。 実際にアップしてみよう！ STEP1 まず、ログインして自分の「ニュースフィード」のページを見ると、「写真」というリンクがありますね。これをクリックしましょう。 STEP2 すると以下のような画面
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TikTok広告 - サイバーエージェンシーby GDM