Twitterの「ツイートする」 <a href="http://mobile.twitter.com/home?status=[URLエンコードしたツイート内容]">ツイート</a><a href="http://twtr.jp/share?url=[URLエンコードしたページのURL]&text=[URLエンコードしたツイート内容]&via=[フォローさせるアカウント]&related=[関連するアカウント|説明]">ツイート</a> Facebookの「いいね！」 <a href="http://m.facebook.com/sharer.php?u=[URLエンコードしたページのURL]&t=[URLエンコードしたページのタイトル]">いいね！</a>

ブログサービス大手各社の更新通知フィードの取得先を纏めました。 目的のブログをRSS/Atomリーダー等で購読したい時や、 自分のサイトへ掲載したい時。自分のブログをスクレイピングしたり、 Twitterへの自動投稿等、フィードで出来る事は多岐に渡っています。 他人の記事の購読や、自分の記事のフィードＵＲＬを知りたい時は、 ブログサービス毎に纏めた下記を参考にして下さい。 基本的には更新情報のフィードですが、コメントやカテゴリ等、 細かく分けて配信しているブログサービスの場合は それぞれに分けて記載しています。 今回纏めたブログサービスは下記の通りです。 bloggerのFeed(RSS,Atom)取得アドレス FC2ブログののFeed(RSS)取得アドレス ライブドアブログのFeed(RSS)取得アドレス ワードプレスのFeed(RSS,Atom)取得アドレス アメブロのFeed(RSS

大変です。 Facebookのデバッガーに、明確にキャッシュクリアボタンが実装されました。 Open Graph Object Debugger https://developers.facebook.com/tools/debug/og/object/ The new function has been available on “Open Graph Object Debugger”(old “URL Linter”). That is the function that “definitely” clear the cache. Open Graph Object Debugger https://developers.facebook.com/tools/debug/og/object/ 今までこのキャッシュ問題には世界中の制作者が苦しめられてきました。 特に画像はなかなかキャッシ

運営しているホームページやWebサイトで、OGP設定は行っていますか？ OGPとは「Open Graph protocol」の略称。FacebookやTwitterなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。SNSでの拡散を通じて多くの人に記事をみてもらうためには必須の設定といえます。 そこで今回は、最新のFacebookの仕様に準ずるOGPの設定や確認方法、注意点などを紹介します。 OGPとは OGPとはOpen Graph Protcolの略称で、FacebookやTwitter、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。 上の赤枠のように表示を目立たせることが可能で、URLだけの場

【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。

YouTubeなどの埋め込み iframe を CSS だけでレスポンシブウェブデザインに対応させる方法 2014年06月02日 15:08HTML / CSS YouTube で取得できる埋め込み用コード、 いまは iframe になってますね。 こんなぐあい。 これをレスポンシブウェブデザインに対応させるにはどうしたらいいか、 というお話です。 画像とは事情が違う 通常、ブラウザの幅にあわせて画像の表示サイズが変わるようにしたければ CSS でこんな感じに書くと思います。 img { width: auto; max-width: 100%; height: auto; } これで、最大幅は親要素の幅と同じ、 元の画像がそれ以下のサイズ場合は本来の幅で表示され、 高さは縦横比を保ちながら適切なサイズになりますね。 ところが iframe の場合は事情が違って、 適切なサイズで表示するに

初歩的な内容とはなりますが、毎回調べるのも労力を要すため、 今回はいろいろなSNSボタンの設置方法をまとめてみました。 （2013年9月18日時点での情報です。） Facebook いいね！ボタン https://developers.facebook.com/docs/reference/plugins/like/ HTML5の設置コードを使用した際、IE等の古いブラウザでは動かない場合があるので注意が必要です。 その場合はiframeを使いましょう。 またHTML5版のコードを使用していて、いいね！ボタンがエラー表示になっている際は、 data-href内がURLエンコードになっていないかどうかを確認してください。 仕様変更でURLエンコードしたものを使用するとエラー表示となってしまいます。 Twitter Twitterボタン https://twitter.com/about/re

このドキュメントには、アプリで「いいね！」、シェア、コメントをできるようにするためのFacebookソーシャルプラグインがリストされています。 欧州地域でのソーシャルプラグインに対する変更欧州地域でFacebook製品を使用しているユーザーに関しては、Cookie同意プロンプトが更新されたため、ソーシャルプラグインに何らかの影響が現れる可能性があります。欧州地域のユーザーは、1)Facebookアカウントにログインしている、2) 「アプリとウェブサイトのCookie管理」に同意している、のいずれかの条件を満たさない限り、「いいね！」と「コメント」のソーシャルプラグインのサポートを終了します。この二つの要件が満たされていれば、ユーザーは「いいね」や「コメント」ボタンなどのプラグインを見たり、操作したりすることができます。上記のいずれかの条件を満たさない場合、ユーザーはプラグインを見ることがで