Creando el botón de invitar a mis amigos de Facebook

Pues sí, hacía tiempo que no publicaba en el blog y bueno hoy lo voy hacer. Hoy os voy a explicar como hacer un botón para invitar a tus amigos de Facebook a una determinada página web.

Y bueno escribo esto debido a que lo necesitaba implementar en un proyecto que tengo entre manos, así que nada más que contar vamos al lío.

Lo primero que tendremos que hacer es crear una aplicación en Facebook Developers y rellenar los datos como en la captura de pantalla que adjunto a continuación. Por supuesto, tendréis que cambiar los datos por vuestro correo y demás datos de vuestra web.

Lo siguiente que tendremos que pegar el siguiente código en nuestra web donde queramos que salga el enlace para invitar a nuestros amigos de Facebook:

Si vemos el código tendremos que cambiar appId por la ID de nuestro app de Facebook, además también tendremos que cambiar message por nuestro mensaje de invitación. Además podremos agregar más funciones que las podemos leer en la guía de desarrolladores de Facebook.

Decir que la invitación se abre en una ventana iframe dentro de Facebook por lo que si queremos eliminar esto y cargue nuestra web a pantalla completa podemos usar este código pegándolo en nuestra web:

¡Espero que os haya gustado y sobre todo que os haya servido!

3 respuestas en “Creando el botón de invitar a mis amigos de Facebook

  1. César

    Hola.

    Tengo una consulta.

    Me gustaría colocar un botón de “compartir” de Facebook que esté personalizado, tal cual como aparece en esta página al final del artículo.
    (Donde dice: “Compártelo: Correo electrónico / Twiiter / +Google / F Facebook 1 / Pinterest)

    Mi pregunta es:

    1) Como hago para hacer ese botón personalizado, diferente al botón que ofrece Facebook para compartir?

    2) Cómo hago para que, al hacer click en el boton personalizado, aparezca una ventana emergente por encima del sitio web? (tal cual como funciona en esta página web) (lo pregunto, porque intenté hacerlo pero me aparece como una ventana tipo _blank )

    Saludos

    Reply
    • David Ortega Post author

      Hola muy buenas Cesar,

      Antes de nada darte las gracias por entrar a la web. Sobre el botón de Facebook de esta web es un plugin para WordPress así que ti tu web es wordpress se puede poner.

      Saludos,

      Reply
  2. miguel

    Hola, como lo integrobsi tengobuna web peorbno esta en wordpress es como un script por decirlo asi dondr tendria que pober el codigo ??

    Reply

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *