Facebook-eko Share-a Ajax Web Orrialde Batean

Facebook sare sozialak norberaren horman edukiak argitaratzeko aukera eskaintzen du, horretarako share botoiaz baliatzen delarik.

Web orrialde estatikoetan, share botoiaren txertaketa erraza eta sinplea da. Ajax teknologian oinarritzen diren web orrialdeetan ordea, arazo mordoa agertu daiteke. Share botoia, orrialdearen  “head” atalean aurkitzen diren metadatetan oinarritzen da edukia identifikatu ahal izateko. Ajax-en oinarrituriko orrialdeek ordea, eduki desberdin guztiek buruko (head) berbera konpartitzen dute.

Arazo hau ekiditeko hauek dira jarraitu beharreko pausuak:

  • Lehenik eta behin share botoiaren kodea txertatuko beharra dago. (www.example.com helbidea adibide gisara erabiliko da)
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
<a name="fb_share" class="facebook_share" share_url="http://www.example.com"></a>
  • Ondoren meta txertaketarako zubi gisara lan egingo duen php kodea idatziko da. Horretarako fbshare.php izeneko fitxategia sortu eta onako kodea txertatu behar zaio.
<?php
	$index = 'index.html';
 
	if (file_exists($index)) {
		$index_content = file_get_contents($index);
 
		$fbmeta = 	"<meta property='og:title' content='" . $_GET['title'] . "' />" .
				"<meta property='og:type' content='blog' />" .
				"<meta property='og:url' content='http://www.example.com' />" .
				"<meta property='og:image' content='http://" . $_GET['image'] . "' />" .
				"<meta property='og:site_name' content='Example Web' />";
 
		$html_content = str_replace("</head>", $fbmeta . "</head>", $index_content);
		echo $html_content;
	}
?>

PHP kode honek, web orrialdearen index.html fitxategia hartu eta “head” atalean behar diren meten txertaketa egiten du. Kontuan izan aurreko kodeko $_GET  parametroak ondorengo puntuan landuko den URL-aren araberakoak direla.

  • Azkenik share botoian ezarriko den “share_url” atributuaren balioa sortu beharra dago. Ikusi daitekeen moduan, php kodean meten baliotzat ezartzen diren balioak, url-an bidalitako parametroak dira. Beraz gure url-ak honelako itxura izan beharko du:
http://www.example.com/fbshare.php?title=[gure_titulua]&amp;image=[gure_preview_irudirako_URLa]

Pausu hauek jarraitu ondoren, erabiltzaile arruntek index.html fitxategia erabiltzen jarraitu ahal izango dute orrialdea bisitatzeko, share eskaerak ordea, fbshare.php fitxategitik bideratuko direlarik.

Esteka interesgarriak:

Share botoiaren txertaketarako dokumentazioa:
http://www.facebook.com/share_partners.php
Adibidea:
http://www.oroitz.dyndns.org/?lang=eu&content=dev