0

Open Graph プロパティを iframe に追加する方法は?

たとえば、これは prettyPhoto (フルスクリーン画像を表示するためのライトボックスのような jquery プラグイン) によってデフォルトで生成される Facebook の「いいね」ボタンです。

<iframe src="//www.facebook.com/plugins/like.php?locale=en_US&amp;href=http%3A%2F%2Fexample.com%2F%23prettyPhoto%2F2%2F&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowtransparency="true"></iframe>

このコードには次の問題があります。

  1. 実際には、動的な写真ページ ( http://example.com/#prettyPhoto/2/ )ではなく、 http://example.comページが好きです。
  2. 動的な写真ページではなく、ページhttp://example.comのタイトルと説明が表示されます

http://developers.facebook.com/tools/debugツールに動的画像ページのアドレスを渡すと (http://example.com/#prettyPhoto/2/)、次のことがわかります。

Inferred Property:  The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property:  The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property:  The 'og:description' property should be explicitly provided, even if a value can be inferred from other tags.

これらのプロパティを設定すると、画像の正しい URL と説明を取得するのに役立ちますか? これらのプロパティを「いいね」ボタンのiframeに挿入する方法は? たとえば、og:title が「My super image」であるとします。上記の iframe コードは、このプロパティ セットでどのように見えるべきですか?どこに配置すればよいでしょうか?

4

1 に答える 1

1

Open Graph プロパティを iframe に追加する方法は?

もちろん、まったくありません。

これらのプロパティは、HTML ドキュメントを配信する URL の HTML コードに挿入されます。「iframe」はそれとは何の関係もありません。

このコードには次の問題があります。

実際には、動的な写真ページ ( http://example.com/#prettyPhoto/2/ )ではなく、 http://example.comページが好きです。

動的な写真ページではなく、ページhttp://example.comのタイトルと説明が表示されます

これらは、いいねボタンのコードの問題ではなくhttp://example.com、 のサイトの問題です。

URL のハッシュ部分はクライアント側でのみ意味を持ち、Web サーバーに転送されることさえありません。http://example.com/#prettyPhoto/2/とは、Web サーバー (example.com にサービスを提供するサーバー) の観点からはまったく同じ URLhttp://example.com/ です。したがって、これらの URL の「両方」へのリクエストに対して同じデータが配信されます。これは、いいねボタンのせいでも、Facebook のせいでもありません。

派手な AJAXなどを使用して example.com にそのページを設定した初心者のせいである可能性が最も高く、それはクールだと思っていましたが、同時に関連するテクニックについての基本的な知識が不足していました。

これらのプロパティを設定すると、画像の正しい URL と説明を取得するのに役立ちますか?

いいえ; サイトの個々のコンテンツを個々の URL で利用できるようにする問題が最初に解決されない限り、.

于 2012-08-20T08:59:11.350 に答える