aiuto per inserire il tasto "MI PIACE" su ogni pagina del sito

**lhawy** · 09-01-2012, 15:42

ciao ragazzi, vi spiego il mio problema:

fatta una gallery con jalbum da caricare sul mio spazio web, avrei bisogno di inserire al fondo di ogni pagina contenente la foto un tasto "mi piace". ora io, che non so praticamente nulla di siti web e che mi muovo per tentativi, ho inserito al fondo della mia pagina index.html, appena prima degli ultimi </body> </html>, il codice IFRAME rilasciato da fb sulla pagina http://developers.facebook.com/docs/.../plugins/like/
l'iframe è l'unico dei tre che mi sembra funzionare.

così funziona, ma dove sta il problema?

il problema è che quel tool di fb per generare il codice IFRAME ha bisogno dell'indirizzo della pagina in cui lo voglio mettere e siccome io devo inserirlo su un numero elevato di pagine il lavoro mi diviene infinito, perchè per ogni pagina dovrei andare in fb e farmi generare l'IFRAME.

allora mi domando: non esiste una stringa "standard" che funzioni semplicemente incollandola nei vari file html in cui sono interessato a mettere il bottone "mi piace", senza che debba andare su fb a crearmela una per ognuna? forse mi servirebbe usare il codice rilasciato sotto il tab XFBML? ma in che modo? con questo non riesco neanche a far comparire il bottone nella pagina!

grazie dell'aiuto, spero

**figlio89** · 09-01-2012, 20:45

Effettivamente con XFBML viene specificato che senza dare un valore all'URL viene utilizzata la pagina corrente.

Per implementarlo fa in questo modo:

Metti nel tag HTML il seguente codice

codice:

<html xmlns:fb="http://ogp.me/ns/fb#">

Quindi ti risulterà una cosa del genere:

codice:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">

A questo punto subito dopo il tag <body> piazzi

codice:

<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Infine dove vuoi mettere il bottone metti il codice:

codice:

<fb:like send="false" layout="button_count" width="450" show_faces="false" font="arial"></fb:like>

**lhawy** · 09-01-2012, 22:21

grazie figlio, sei molto gentile e me ne approfitto (

) perchè io non so veramente nulla purtroppo, mi mancano persino le basi, ma tento e ritento finchè con 'aiuto di qualcuno non riesco

mi permetto di inserirti un esempio di index così che magari possa aiutarmi a capire meglio

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>wedding</title>
<link href="res/styles.css" rel="stylesheet" type="text/css">

<link rel="alternate" href="album.rss" type="application/rss+xml">
</head>

<body>
<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td height=60></td>
	</tr>
	<tr>
		<td>[img]res/dot.gif[/img]</td>
		<td>
			<table id="thumbs" cellpadding=0 cellspacing=0 border=0>
				<tr>
					<td width="86" height="116">
						[img]thumbs/img_01.jpg[/img]
					</td>
					
					<td width="86" height="116">
						[img]thumbs/img_75-.jpg[/img]
					</td>
					
					<td width="86" height="116">
						[img]thumbs/img_76-.jpg[/img]
					</td>
					
					<td width="86" height="116">
						[img]thumbs/img_77-.jpg[/img]
					</td>
					
					<td width="86" height="116">
						<a href="slides/img_78-.html"><img 
					
				</tr>
				
			</table>
        </td>
	</tr>
	<tr>
		<td></td>
		<td align="center">
			
		</td>
	</tr>
</table>

<span class="textSmall">jAlbum 10 | Lantz Design | Sponsor CE</span>

<div id="jalbumwidgetcontainer"></div>
<script type="text/javascript" charset="utf-8"><![CDATA[//><!--
_jaSkin = "Wedding";
_jaStyle = "white.css";
_jaVersion = "10.3.1";
_jaGeneratorType = "desktop";
_jaLanguage = "it";
_jaPageType = "index";
_jaRootPath = ".";
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://jalbum.net/widgetapi/load.js";
document.getElementById("jalbumwidgetcontainer").appendChild(script);
//--><!]]></script>

</body>
</html>

grazie

**figlio89** · 09-01-2012, 22:34

Prova così, l'ho testato su Chrome e funziona

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:fb="http://ogp.me/ns/fb#">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>wedding</title>
<link href="res/styles.css" rel="stylesheet" type="text/css">

<link rel="alternate" href="album.rss" type="application/rss+xml">
</head>

<body>
<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td height=60></td>
	</tr>
	<tr>
		<td>[img]res/dot.gif[/img]</td>
		<td>
			<table id="thumbs" cellpadding=0 cellspacing=0 border=0>
				<tr>
					<td width="86" height="116">
						[img]thumbs/img_01.jpg[/img]
					</td>
					
					<td width="86" height="116">
						[img]thumbs/img_75-.jpg[/img]
					</td>
					
					<td width="86" height="116">
						[img]thumbs/img_76-.jpg[/img]
					</td>
					
					<td width="86" height="116">
						[img]thumbs/img_77-.jpg[/img]
					</td>
					
					<td width="86" height="116">
						<a href="slides/img_78-.html"><img 
					
				</tr>
				
			</table>
        </td>
	</tr>
	<tr>
		<td></td>
		<td align="center">
			
		</td>
	</tr>
</table>

<fb:like send="false" layout="button_count" width="450" show_faces="false" font="arial"></fb:like>
<span class="textSmall">jAlbum 10 | Lantz Design | Sponsor CE</span>

<div id="jalbumwidgetcontainer"></div>
<script type="text/javascript" charset="utf-8"><![CDATA[//><!--
_jaSkin = "Wedding";
_jaStyle = "white.css";
_jaVersion = "10.3.1";
_jaGeneratorType = "desktop";
_jaLanguage = "it";
_jaPageType = "index";
_jaRootPath = ".";
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://jalbum.net/widgetapi/load.js";
document.getElementById("jalbumwidgetcontainer").appendChild(script);
//--><!]]></script>

</body>
</html>

Il bottone di Facebook puoi personalizzarlo come preferisci così come la sua posizione (l'ho inserito lì perché volevi metterlo in fondo se non erro)

Discussione: aiuto per inserire il tasto "MI PIACE" su ogni pagina del sito

Strumenti discussione

Ricerca discussione

Visualizza

aiuto per inserire il tasto "MI PIACE" su ogni pagina del sito

Permessi di invio