web-dev-qa-db-fra.com

Partager Facebook et Twitter pour mobile Web

Y a-t-il une URL spéciale pour le partage sur Facebook et Twitter pour mobile? Ou sont-ils les mêmes que ceux des sites Web?

À l'aide de

<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>

pour Twitter et

<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>

pour Facebook.

facebookmobiletwittershare
17
resting

Votre mise en œuvre de partage devrait être la même et doit fonctionner tant que vos utilisateurs de votre mobile ont des périphériques capables ou de rendu JavaScript. Sinon, vous pouvez utiliser l'URL de l'API de chaque plates-formes à partager à l'intérieur d'un lien, le seul problème est que le rappel redirige soit sur Twitter ou Facebook et ils devront revenir manuellement sur votre site. Les liens sont comme ci-dessous:

Partage sur Facebook:

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

Par exemple:

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

Mise à jour du statut sur Twitter:

http://mobile.Twitter.com/home?status=<urlencoded status>
26
Simpleton

Quelques notes concernant la réponse de Simpleton.

  1. Le http://m.facebook.com/sharser.php URL peut ne pas être ce que vous voulez. Le site que vous fournissez dans le paramètre U requis doit avoir des balises dans la page pour que la page de partage soit du tout intéressant. Essayez simplement de mettre une autre URL à autre chose que Google pour voir ce que je veux dire. Je n'ai jamais été vraiment capable de comprendre ce qu'il recherche dans la page du site afin de montrer quoi que ce soit utile dans votre page de partage. Je n'ai vu aucun moyen de fournir des informations supplémentaires sur le site que vous partagez.

  2. Le paramètre T requête n'est plus lu par Facebook aussi loin que je pouvais dire

  3. J'ai constaté que la boîte de dialogue Facebook Feed Facebook était une meilleure alternative de partage (https://developers.facebook.com/docs/reference/dialogs/feed/). Voir l'exemple au bas de cette page pour les informations que vous pouvez partager. Collez cet exemple d'URL dans votre navigateur pour voir à quoi cela ressemble. Vous pouvez jouer avec les paramètres pour voir ce que chaque paramètre contrôle dans le poteau. Par exemple, si vous ne fournissez pas le paramètre de légende, il semble que l'URL de base du paramètre de liaison soit utilisée dans sa place. Pour utiliser l'approche de la boîte de dialogue d'alimentation, vous devez enregistrer votre application sur Facebook pour obtenir une application app_Id que vous devrez inclure dans l'URL de la boîte de dialogue d'alimentation. Vous associez également votre application avec une URL de site Web, que vous utilisez également dans l'URL de la boîte de dialogue d'alimentation. Si vous souhaitez que Facebook vous servisse une page amicale mobile, APPEND & DISPLAY = Touchez à la fin de l'URL de la boîte de dialogue d'alimentation. Enfin, vous devez fournir le paramètre Redirect_uri dans lequel l'utilisateur sera redirigé (avec l'ID Post Inclus comme paramètre de requête), vous devez donc avoir quelque chose à cette URL pour gérer la réponse.

  4. En ce qui concerne le http://mobile.twitter.com/home?status URL, j'ai appris deux choses: premièrement, toute URL est incluse dans le statut ne sera pas raccourcie (Bummer); Deuxièmement, si votre statut inclut des guillemets simples, ils seront codés comme '(code d'entité HTML) mais ne seront pas décodés lorsque votre message Tweet. Cependant, cela n'arrive pas si vous postez via le bureau, en utilisant la même URL. Vous pouvez voir ce que je veux dire en essayant l'URL suivante de votre iPhone (j'utilisais Safari sur iPhone), puis de votre bureau (j'utilisais Safari):

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

Remarque, je fais un encodeuri JavaScript sur l'état, mais des guillemets simples ne sont généralement pas des caractères codables par la plupart des codeurs URL/I. Certains qui remplaceront la citation unique avec un% 27, mais j'ai essayé d'insérer cela manuellement et il n'a toujours pas été décodé dans le texte de statut.

J'espère que cette information aide quelqu'un est ici à la recherche d'options de partage de Facebook et Twitter simples.

11
mbeaty

Twitter - Voici comment j'ai résolu le Tweet par URL pour tous les périphériques/Navigateurs:

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

encodéqueur - est une fonction JavaScript intégrée, expliquée ici .

Le ' http://mobile.twitter.com/home?status= ' n'est pas pris en charge et vous obtiendrez des problèmes de codage lorsque Twitter demande une connexion.

Facebook - Pour le partage de Facebook, j'ai utilisé exemple Facebook API

5
Jan-Terje Sørensen

L'URL est correcte, mais vous devez faire du travail sur votre serveur pour que Facebook le rendra vraiment décent. Facebook utilise maintenant "Open Graph", ce qui vous permet d'ajouter des balises spéciales à votre page Web que Facebook comprend. Vous pouvez définir les types de supports sur la page, même ajouter vos propres objets avec des définitions que vous créez dans votre application Facebook. Le lien vers la page du développeur Open Graph Objects est ICI .

Un exemple de graphique ouvert sur une page de détail pourrait ressembler à ceci:

<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" />

Etc. Tout cela va dans le <head> de la page de l'URL réelle que vous fournissez à Facebook. Ensuite, Facebook traduira cela en poste approprié. De plus, vous devez configurer le graphique ouvert sur votre page Developer Apps, de sorte que Facebook sache à rechercher les balises OG: Tags. C'est compliqué, mais cela fonctionne.

Bonne chance!

3
MontyThreeCard