Tutorial: Integrar facebook na sua página HTML (comentários-curtidas-compartilhamentos-etc)

  • Autor Autor lhmaster
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
L

lhmaster

Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola amigos hoy les traigo este tutorial de como integrar facebook a tu pagina en html, ya sea los comentarios, boton de me gusta, compartir, la caja de estado etc.

Primer paso:

Ir a Facebook Developers
https://developers.facebook.com/

Segundo paso:

Ir a apps y nos dira que iniciemos sesion (Con su cuenta de Facebook)

4fNsg5A.png


Tercer paso:
Despues de iniciar sesión nos mandara a
www.facebook.com
Deben borrar esa direccion y poner

https://developers.facebook.com/docs/plugins

Les apareceré así
DqPcGfx.png

Cuarto paso:

Seleccionar el plugin que deseemos, yo elegiré primero el boton de me gusta.

w9HjbhH.png


Una vez seleccionado les saldrá esta pantalla


xJ6X7y9.png



Quinto paso:
Ahí deben de configurar el plugin, empezamos con el primero


-En URL to Like ponemos la dirección de nuestra fan page:

Un ejemplo es esta: https://www.facebook.com/forobeta

separador6.png


-En Width Elegiremos el tamaño de el plugin yo lo dejare en blanco
ya que dejándolo en blanco eliges el predeterminado.

separador6.png


-En Layout escogemos el tipo de tema del plugin, yo dejare el standard

separador6.png

-En Action Type eligen que quieren que diga el boton (Me gusta o Recomendar)

y les debe quedar asi:
mkIK7Z5.png


Sexto paso:
Dan clic en GET CODE


y les abrirá la ventana con el código para implementarlo en su pagina, pero
aun no acaba todo.

ga9BadN.png


////////////////////////////////////////////////////

Como ven el codigo se compone en dos partes,

El primero

QdtbOcm.png


Deben insertar todo ese codigo despues de la etiqueta BODY

El segundo codigo:

rrqx7wl.png


Se debe insertar donde quieras que aparesca el plugin.

Y eso es todo.

Para los demas es los mismo, salvo que en configurarlo te piden mas cosas, pero
nada del otro mundo.

Gracias por el ver el tutorial, si tiene problemas o dudas mandame un MP:encouragement:

​
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
[MENTION=109463]LabougleHosting[/MENTION] ¿Por qué en Blogger me sale el siguiente error «Error al analizar XML, línea 1678, columna 62: The reference to entity "appId" must end with the ';' delimiter» cuando intento guardar la plantilla?
 
[MENTION=44717]trabajosweb[/MENTION] Posiblemente no has copiado bien el código, al parecer marca como faltante el punto coma, intenta colocarlo " ; " para cerrar la sentencia, si es eso.
 
Gracias [MENTION=82553]carlosjulian[/MENTION] por responder. Sí copié bien el código, lo que pasa es que en Blogger se debe agregar otro código. Busqué un poco en Google y encontré este sitio:

HTML:
http://www.charkleons.com/2012/01/comentarios-de-facebook-en-blogger.html

Ahí explica cómo solucionar el inconveniente. Pero tengo dos errores, el primero es con "Warning (URL) is unreachable" y el otro es con el ancho. Un compañero del foro me dijo que el primer error es porque le di a vista previa y no debo de darle a vista previa para que no me salga eso, no obstante, encontré en un sitio en inglés unos pasos a seguir para resolver eso y aún así el problema persiste:

HTML:
http://www.fanpageconnect.com/2011/09/how-to-fix-the-url-is-unreachable-error-in-facebook-comments/
 
Voltar
Topo