Tutorial: Integrar facebook en tu pagina HTML (comentarios-me gusta-compartir-etc)

lhmaster Seguir

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
19 May 2014
Mensajes
211
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 edición:

trabajosweb

Zeta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
13 Jun 2013
Mensajes
1.678
[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?
 

carlosjulian

Dseda
SEO
Verificación en dos pasos activada
Desde
20 Mar 2014
Mensajes
1.016
[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.
 

trabajosweb

Zeta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
13 Jun 2013
Mensajes
1.678
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/
 
Arriba