Ayer vimos como ligar una app a la una fan pace de facebook hoy les traigo un ejemplo de como poder usar el SDK de javascripts para el mismo facebook en este caso usamos el boton like, el boton enviar y ademas un link de publicacion en muro con el metodo feed ... posteriormente estare dejando el archivo completo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Programa de Recomendados - Facebook - Vip Orlando Vacation Rental</title>
<!--CSS-->
<link href="css/css_source.css" rel="stylesheet" type="text/css" />
<!--SCRIPTS-->
<script src="scripts/jquery.min.js"></script>
<script src="scripts/ga.js"></script>
</head>
<body>
<!--CONTENEDOR GENERAL-->
<div id="contenedor-third">
<div style="position:absolute; z-index:100; width:400px; height:auto; top:540px; left:250px;">
<b>¿Te gusta esta promoción? </b> <br />
Invita a tus amigos a participar <br />
Si quieres publicar la promocion en tu muro ,
<a href="#" onclick="share();">pulsa aquí</a>
</div>
<div id="fb-root" ></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: '200995196696785', status: true, cookie: true, xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
function share(){
var share = {
method: 'feed',
name: '¡RECOMIÉNDANOS y Gana $50 Doláres!',
link: 'https://apps.facebook.com/ReferidosVipOrlando/',
picture: 'https://www.alquilercasasorlandodisney.com/AppFacebook/recomendados/images/Logo_89x87.png',
caption: '¿Tienes algún amigo o conocido que desee viajar a Orlando?',
description: 'Recomiéndalo y si reserva con nosotros, puedes ganar $50 que puedes hacer efectivos en tu próxima reserva con nosotros, por alguna propiedad Vacacional En Orlando.',
message: 'Programa de Recomendados - Facebook - Vip Orlando Vacation Rental'
};
FB.ui(share, function(response) {
// if (response && response.post_id) {
// alert('Post was published.');
// } else {
// alert('Post was not published.');
// }
});
}
</script>
<!--FACEBOOK EN CONTENEDOR-->
<div style="position:absolute; z-index:100; width:150px; height:auto; top:521px; left:150px;">
<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/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://apps.facebook.com/ReferidosVipOrlando/" data-send="true" data-layout="box_count" data-width="150" data-show-faces="false" data-action="recommend" data-font="tahoma"></div>
</div>
<span style="position:absolute; z-index:2; width:642px; height:33px; top:643px; left:50%; margin-left:-321px; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-align:center; color:#A6A6A6;">
Facebook no patrocina, avala ni administra de modo alguno esta aplicación, ni está asociado a ella. Estás proporcionando tu información a VipOrlandoVacationRental y no a Facebook
</span>
<span style="position:absolute; z-index:2; width:281px; height:18px; top:689px; left:455px; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-align:center; color:#000;">
<b>Visita: <a href="http://www.viporlandovacationrental.com" style="color:#039; text-decoration:none;">www.viporlandovacationrental.com</a></b>
</span>
</div>
</body>
</html>
Pd.- Si te gusto porfavor comentamelo y si quieres mayor informacion porfavor contactarme en
trifolius7@gmail.com
No hay comentarios:
Publicar un comentario