2011-08-25 6 views
17

FacebookやTwitter for Mobileに共有するための特別なURLはありますか? またはウェブサイトのものと同じですか? Twitterのためのモバイル用FacebookとTwitterの共有

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> 
<a href="javascript:return false;" rel="nofollow" onclick="window.open('https://twitter.com/share?text=sometext&url=someurl', 'Twitter', 'toolbar=0,status=0,width=626,height=436')">Twitter</a> 

やFacebookのための

<script> 
    function fbs_click() 
    { 
     u='www.something'; 
     t='title'; 
     window.open('http://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436'); 
     return false; 
    } 
</script> 

<a rel="nofollow" href="http://www.facebook.com/sharer/sharer.php?u=someurl" onclick="return fbs_click()" target="_blank" class="">Facebook</a> 

を使用して

答えて

26

あなたの共有の実装は同じである必要があります。モバイルユーザーがJavaScriptを使用できる、またはJavaScriptをレンダリングできる限り、動作するはずです。それ以外の場合は、各プラットフォームのAPI URLを使用してリンク内で共有することができます。唯一の問題は、コールバックがTwitterやFacebookにリダイレクトすることで、手動でサイトに戻る必要があることです。リンクは以下の通りです:Facebook上で

共有:たとえば

http://m.facebook.com/sharer.php?u=<urlencoded url>t=<urlencoded title> 

:Twitterで

http://m.facebook.com/sharer.php?u=http://www.google.com 

更新状況:

http://mobile.twitter.com/home?status=<urlencoded status> 
+0

thatsのクール使用。私はそれが動作するためにjavascriptsを必要としない? – resting

+0

この方法は、スマートフォン以外のすべてのスマートフォンにもアクセスできるので、優れています。 – Simpleton

+0

"image"と "summary"にはどのようなパラメータが必要ですか? – Mateng

11

阿呆の答えに関するノートのカップル。

  1. http://m.facebook.com/sharer.phpのURLがあなたの望むものと異なる場合があります。 uクエリーパラメータで指定したサイトには、共有する ページをすべて興味深いものにするために、ページにいくつかのタグが必要です。私が意味するものを見るためにGoogle以外のURLに別のURLを入れてみてください。あなたの共有ページに役立つものを表示するために、サイトのページで探しているものを実際に見つけ出すことはできませんでした。あなたが共有しているサイトに関する追加情報を提供する方法はありませんでした。

  2. トンクエリパラメータはもはや私の知る限り、私はFacebookのフィードダイアログが良く共有代替(https://developers.facebook.com/docsであることがわかった

  3. を言うことができるようログインfacebookで読まれていません/リファレンス/ダイアログ/フィード/)。共有できる情報については、そのページの下部にある例を参照してください。そのサンプルURLをブラウザに貼り付けて、ブラウザの外観を確認します。パラメータを使って周りを回って、各パラメータが投稿内で制御しているものを見ることができます。たとえば、captionパラメータを指定しないと、リンクパラメータのベースURLがその場所で使用されているようです。フィードダイアログのアプローチを使用するには、Facebookにアプリを登録して、フィードダイアログのURLに含める必要があるapp_idを取得する必要があります。また、あなたのアプリをウェブサイトのURLに関連付けることもできます。このURLは、フィードダイアログのURLでも使用します。 Facebookがあなたにモバイルフレンドリーなページを提供したい場合は、& display =フィードのダイアログURLの最後に触れてください。最後に、redirect_uriパラメータを指定する必要があります。その場合、ユーザーはリダイレクトされます(クエリIDとして投稿IDが含まれているため)。レスポンスを処理するには、そのURLに何かが必要です。

  4. URL:http://mobile.twitter.com/home?statusについては、私はいくつかのことを学びました。まず、ステータスにインクルードされているURLは短縮されません(バマー)。第2に、あなたのステータスにシングルクォーテーションが含まれている場合、それらは&#39; HTMLエンティティコードとしてエンコードされますが、あなたのツイートを投稿するとデコードされません。ただし、同じURLを使用してデスクトップ経由で投稿している場合は、このようなことは起こりません。私は、

http://mobile.twitter.com/home?status=Wayne's%20World

注:あなたは私があなたのデスクトップから、その後(私はiPhone上のSafariを使用していた)あなたのiPhoneの両方から、次のURLをしようとすることによって何を意味するかを見ることができます(私はSafariを使用しました)ステータスでjavascript encodeURIを実行しますが、一重引用符はほとんどのURL/Iエンコーダでは一般的にエンコード可能な文字ではありません。一重引用符を%27で置き換えるものもありますが、手動で挿入しようとしましたが、ステータステキストでデコードされませんでした。

FacebookやTwitterの共有オプションを探している人に、この情報が役立つことを願っています。

+0

Facebookのブラウザの中からhttp://m.facebook.com/sharer.phpリンクをクリックすると、html版の代わりにapps sharerダイアログが開きます。これは、SDKのケースではないようです。 –

3

URLは大丈夫ですが、Facebookを実際にうまく利用できるようにするには、サーバーで作業する必要があります。 Facebookは今、Facebookが理解できるあなたのWebページに特別なタグを追加できる「Open Graph」を使用しています。ページ上にあるメディアの種類を定義したり、自分のFacebookアプリ内で作成した定義付きの独自のオブジェクトを追加することもできます。開発者のOpen Graph objectsページへのリンクはです。その上

<meta property="fb:app_id"   content="YOUR FACEBOOK_APP_ID }}" /> 
<meta property="og:url"    content="The URL that this page is on" /> 
<meta property="og:site_name"   content="Your domain" /> 
<meta property="og:title"    content="Title of your page" /> 
<meta property="og:type"    content="This is very important - it is how 
    Facebook refers to your post. Image, video, text, etc. Even custom stuff is 
    possible" /> 
<meta property="og:image"    content="image url for facebook to display on 
the user's wall" /> 
<meta property="og:determiner"  content="auto" /> 
<meta property="og:description"  content="A description you want with this 
content" /> 

そして:

詳細ページのグラフを開くのサンプルは次のようになります。これはすべてあなたがFacebookに提供している実際のURLのページの<head>にあります。その後、Facebookはこれを適切な投稿に翻訳します。さらに、Facebookがog:タグを探すことを知るために、アプリケーション開発者ページにOpen Graphを設定する必要があります。複雑ですが、機能します。

幸運を祈る!

5

ツイッター - これは私がすべてのデバイスのためのurlでつぶやきを解決する方法である/問題をブラウザ:

http://twitter.com/intent/tweet?text= + encodeURIComponent(tweet); 

encodeURIComponentで - javascript関数に建てられ、hereを説明しています。

'http://mobile.twitter.com/home?status='はサポートされていないため、twitterがログインを要求するとエンコードの問題が発生します。

Facebookの - Facebookの共有のために私はFacebook API example

+0

いいえ、このフォーマットはtwitterが他の(私は廃止予定だと推測しています)APIコールからリダイレクトするものです – Larry

+0

ありがとうございます。わたしにはできる。 – Kabkee

関連する問題