« Facebook bouton like hashbang escaped fragment » : différence entre les versions

De Marmits Wiki
Page créée avec « == Dans le header == <link rel="canonical" href=""> <?php //if(stristr($_SERVER["HTTP_USER_AGENT"],'facebook')) //{ ?> <meta property="fb:admins" content="ADMIN_ID" /> <m... »
 
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
== Dans le header ==
== Dans le header ==
 
<pre>
<link rel="canonical" href="">
<link rel="canonical" href="">
<?php
<?php
Ligne 19 : Ligne 19 :
// }
// }
?>
?>
 
</pre>




== Dans le html a généré via ajax ==
== Dans le html a généré via ajax ==
 
<pre>
<div id="fb-root"></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
<script>(function(d, s, id) {
Ligne 35 : Ligne 35 :


<div class="fb-like" data-href="http://lesite.fr/#%21page1" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
<div class="fb-like" data-href="http://lesite.fr/#%21page1" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
</pre>


== Dans javascript créer une fonction ==
== Dans javascript créer une fonction ==
 
<pre>
function trouveHashbang ()
function trouveHashbang ()
{  
{  
Ligne 44 : Ligne 45 :
return param;
return param;
}
}
</pre>


== Dans le javascript ajax ==  
== Dans le javascript ajax ==  
 
<pre>
var urlok = trouveHashbang();
var urlok = trouveHashbang();
var page = "page1";
var page = "page1";
Ligne 65 : Ligne 67 :
} catch(ex) {}
} catch(ex) {}
});
});
 
</pre>
== Dans le .htaccess ==
== Dans le .htaccess ==



Version du 24 juillet 2019 à 15:05

Dans le header

<link rel="canonical" href="">
<?php
//if(stristr($_SERVER["HTTP_USER_AGENT"],'facebook'))
//{
?>
<meta property="fb:admins" content="ADMIN_ID" />
<meta property="fb:app_id" content="APP_ID" />
<meta property="og:type" content="activity" />
<!--
<meta property="og:title" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />
-->
<meta property="og:image" content=""http://lesite.fr/www/img/image.png' />
<meta property="og:locale" content="fr_FR" />
<?php
// }
?>


Dans le html a généré via ajax

<div id="fb-root"></div>
	<script>(function(d, s, id) {
	var js, fjs = d.getElementsByTagName(s)[0];
	if (d.getElementById(id)) return;
	js = d.createElement(s); js.id = id;
	js.src = "https://connect.facebook.net/fr_FR/all.js#xfbml=1&appId=APP_ID";
	fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-like" data-href="http://lesite.fr/#%21page1" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>

Dans javascript créer une fonction

function trouveHashbang ()
{ 
	var lien = String(document.location);
	param = lien.split('#!')[0]; 
	return param;
}

Dans le javascript ajax

var urlok = trouveHashbang();
var page = "page1";
var pagelike = urlok + "#%21" + page;
var urlimage = "http://" + window.location.hostname + "/www/img/image.png";

$('meta[property=og\\:description]').attr('content', texte);
$('meta[property=og\\:title]').attr('content', titrepage);
$('meta[property=og\\:url]').attr('content', pagelike); 
                        
$('link[rel=canonical]').attr('href', urlok + "#!" + page); 

Dans le javascript endehors de l'ajax

$.getScript('//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=131047970376783', function() {
try{
	FB.XFBML.parse();
} catch(ex) {}
});

Dans le .htaccess

Après RewriteEngine on

  1. pour facebook
RewriteCond %{QUERY_STRING} ^([^&]*)_escaped_fragment_=([^&]*)&fb_action_ids=([^&]*) [NC]
RewriteRule ^(.*) http://%{HTTP_HOST}/$1#!%2? [R=301,L,NE]

Le bouton like de facebook affichera le lien http://lesite.fr/?_escaped_fragment_=page1&etc.... 1- aller sur le debugger: https://developers.facebook.com/tools/debug/ 2 - exécuter le debug avec l'adresse: http://lesite.fr/#!page1

Les liens facebook http://lesite.fr/?_escaped_fragment_=page1&etc .. redirigeront vers http://lesite.fr/#!page1