martes, mayo 28, 2024
No menu items!
InicioBlogsCómo agregar el botón Me gusta de Facebook en WordPress

Cómo agregar el botón Me gusta de Facebook en WordPress

¬ŅQuieres agregar un bot√≥n Me gusta de Facebook en WordPress?

Un botón Me gusta de Facebook en su sitio web de WordPress puede hacer que a los usuarios les resulte sencillo y fácil dar me gusta y compartir su contenido. Puede aumentar la participación y conseguir más seguidores.

En este artículo, le mostraremos cómo agregar el botón Me gusta de Facebook en WordPress.

Cómo agregar el botón Me gusta de Facebook en WordPress

¬ŅPor qu√© agregar un bot√≥n Me gusta de Facebook en WordPress?

Facebook es una de las plataformas de redes sociales m√°s populares del mundo. Muchas empresas utilizan Facebook para conectarse con sus clientes y promocionar sus productos.

Agregar un botón Me gusta de Facebook a su sitio web de WordPress puede ayudarlo a aumentar la participación. También anima a las personas a compartir su contenido en sus perfiles de Facebook y atraer nuevos usuarios a su sitio.

Puede utilizar el botón Me gusta de Facebook para aumentar sus seguidores en las redes sociales y crear una comunidad. Ayuda a aumentar el conocimiento de sus productos y servicios y aumenta las conversiones.

Dicho esto, veamos cómo agregar un botón Me gusta de Facebook en WordPress usando un complemento o agregando un código personalizado.

Método 1: agregar el botón Me gusta de Facebook en WordPress usando un complemento

En este método, usaremos un complemento de WordPress para agregar el botón Me gusta de Facebook. Este método es muy sencillo y recomendado para principiantes.

Lo primero que debes hacer es instalar y activar el archivo. Me gusta y comparte por BestWebSoft conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Despu√©s de la activaci√≥n, puede ir a Me gusta y comparte ¬Ľ Configuraci√≥n desde su panel de administraci√≥n de WordPress.

Me gusta y comparte la configuración del complemento.

A continuación, deberá agregar su ID de aplicación de Facebook y su secreto de aplicación. Si no tiene esta información, simplemente siga los pasos a continuación.

Cómo crear una ID de aplicación de Facebook y un secreto de aplicación

Contin√ļe y haga clic en el enlace “Crear uno nuevo” en el campo ID de aplicaci√≥n o Secreto de aplicaci√≥n en el complemento Me gusta y compartir.

Esto lo llevar√° al sitio web de Meta for Developers. Recomendamos abrir el sitio web en otra pesta√Īa o ventana porque necesitar√° abrir la p√°gina de configuraci√≥n Me gusta y compartir en su panel de WordPress para ingresar el ID y el secreto de su aplicaci√≥n.

ūüĒ• Leer:  Gu√≠a de creaci√≥n de personajes de Wo Long Fallen Dynasty: tanto femenino como masculino y todas las opciones de personalizaci√≥n

Desde aqu√≠, deber√°s seleccionar un tipo de aplicaci√≥n. Contin√ļe y elija “Negocios” como tipo de aplicaci√≥n y haga clic en el bot√≥n “Siguiente”.

Elige el tipo de aplicación

A continuación, deberá proporcionar información básica sobre su aplicación.

Puede ingresar un nombre para mostrar para su aplicaci√≥n y asegurarse de que aparezca la direcci√≥n de correo electr√≥nico correcta en el campo “Correo electr√≥nico de contacto de la aplicaci√≥n”. Facebook elegir√° autom√°ticamente la direcci√≥n de correo electr√≥nico de la cuenta con la que inici√≥ sesi√≥n.

Tambi√©n existe la opci√≥n de elegir una cuenta comercial. Puede dejarlo en “No se seleccion√≥ ninguna cuenta de administrador comercial” y hacer clic en el bot√≥n “Crear aplicaci√≥n”.

Ingrese información básica para la aplicación.

Ahora aparecer√° una ventana emergente en la que Facebook te pedir√° que introduzcas tu contrase√Īa nuevamente.

Esto es por motivos de seguridad para detener la actividad maliciosa en su cuenta. Contin√ļe, ingrese la contrase√Īa de su cuenta de Facebook y haga clic en el bot√≥n “Enviar”.

Vuelva a ingresar su contrase√Īa de Facebook

A continuación, verá el panel de la aplicación.

Desde aqu√≠ puedes ir a Configuraci√≥n ¬Ľ B√°sica desde el men√ļ a tu izquierda.

Ir a la página de configuración básica

En la p√°gina de configuraci√≥n b√°sica, ver√° “ID de aplicaci√≥n” y “Secreto de aplicaci√≥n”.

Ahora puede ingresar esta información en la configuración del complemento Me gusta y Compartir en su panel de WordPress.

Copie el ID y el secreto de la aplicación

Completa la personalización del botón Me gusta de Facebook

Primero, copia el “App ID” y vuelve a la pesta√Īa o ventana donde tienes el archivo Me gusta y comparte ¬Ľ Configuraci√≥n p√°gina abierta. Simplemente ingrese el “ID de la aplicaci√≥n” en los campos respectivos.

Ahora repita el paso copiando los datos del ‚ÄúSecreto de la aplicaci√≥n‚ÄĚ de la p√°gina Meta para desarrolladores y peg√°ndolos en la configuraci√≥n del complemento Me gusta y compartir.

Personaliza el botón Me gusta de Facebook

Una vez que hayas hecho eso, puedes elegir si deseas mostrar el botón Me gusta de Facebook junto con la URL del perfil y los botones Compartir.

Tambi√©n hay configuraciones para cambiar el tama√Īo del bot√≥n Me gusta de Facebook, su posici√≥n antes o despu√©s del contenido y su alineaci√≥n.

Opciones de personalización adicionales

Si ha habilitado el bot√≥n URL del perfil, puede desplazarse hacia abajo hasta la secci√≥n “Bot√≥n URL del perfil” e ingresar su nombre de usuario o ID de Facebook.

Cuando haya terminado, no olvide guardar los cambios.

Ahora, el complemento agregará automáticamente un botón Me gusta de Facebook a su sitio web de WordPress y lo colocará de acuerdo con su configuración.

También puedes utilizar el [fb_button] Código abreviado para agregar el botón Me gusta de Facebook en cualquier lugar de su sitio.

¡Eso es todo! Ahora puede visitar su sitio y ver el botón Me gusta en cada publicación.

Vista previa del botón Me gusta de Facebook

Método 2: agregar manualmente el botón Me gusta de Facebook en WordPress

Otra forma de agregar un botón Me gusta de Facebook es utilizar un código personalizado. Sin embargo, este método requiere agregar código directamente en WordPress, por lo que solo lo recomendamos para personas que se sientan cómodas editando código.

ūüĒ• Leer:  C√≥mo reparar el error 30007 de War Thunder

Con esto en mente, usaremos el complemento gratuito WPCode para hacer esto, lo que facilita que cualquiera pueda agregar código a su blog de WordPress.

Primero debes visitar el P√°gina “Bot√≥n Me gusta”. en el sitio web de Meta for Developers y despl√°cese hacia abajo hasta la secci√≥n “Configurador del bot√≥n Me gusta”.

Obtenga el código del sitio para desarrolladores de Facebook

A continuaci√≥n, puede ingresar la URL de su p√°gina de Facebook en el campo “Me gusta URL”. Esta ser√° la p√°gina a la que desea conectarse con el bot√≥n Me gusta de Facebook.

A continuaci√≥n, simplemente use la configuraci√≥n para elegir el dise√Īo y el tama√Īo del bot√≥n Me gusta. Tambi√©n ver√°s una vista previa del bot√≥n Me gusta.

Una vez que est√© satisfecho con la vista previa, haga clic en el bot√≥n “Obtener c√≥digo”.

Ver√° una ventana emergente que muestra dos fragmentos de c√≥digo en la pesta√Īa “JavaScript SDK”.

Copia el código SDK

Tenga en cuenta que si agrega directamente estos fragmentos de código a su tema de WordPress, su sitio web puede fallar. Además, los fragmentos de código se sobrescribirán cuando actualice el tema.

Una forma más sencilla de agregar código al suyo es utilizar el Código WP conectar. Le permite pegar fragmentos de código en su sitio web y administrar fácilmente código personalizado sin tener que editar archivos de temas.

Primero necesitarás instalar y activar el archivo. Complemento gratuito de WPCóde. Para obtener más detalles, consulte nuestra guía sobre cómo instalar un complemento de WordPress.

Despu√©s de la activaci√≥n, puede ir a Fragmentos de c√≥digo ¬Ľ Encabezado y pie de p√°gina desde su panel de WordPress. Ahora necesitar√°s copiar el primer fragmento de c√≥digo y agregarlo al archivo header.php de tu tema de WordPress inmediatamente despu√©s. etiqueta.

Simplemente copie el c√≥digo e ingr√©selo en la secci√≥n 'Cuerpo'. No olvide hacer clic en el bot√≥n “Guardar cambios”.

Agregue el primer código a la sección del encabezado

A continuación, debe copiar el segundo fragmento de código y pegarlo en su sitio de WordPress para mostrar el botón Me gusta.

Para empezar, puedes ir a Fragmento de c√≥digo ¬Ľ + Agregar fragmento desde su panel de administraci√≥n de WordPress o haga clic en el bot√≥n “Agregar nuevo”.

Hacer clic

En la siguiente pantalla, WPCode le permitirá seleccionar un fragmento de la biblioteca predeterminada o agregar un nuevo código personalizado.

Contin√ļe y elija la opci√≥n “Agregar su c√≥digo personalizado (nuevo fragmento)” y haga clic en el bot√≥n “Usar fragmento”.

Agregar código personalizado en WPCode

A continuaci√≥n, puede darle un nombre a su c√≥digo personalizado e ingresar el segundo fragmento de c√≥digo en la secci√≥n “Vista previa del c√≥digo”.

ūüĒ• Leer:  Warframe Ropalolyst Location - ¬ŅC√≥mo encontrar y matar?

Aseg√ļrese de hacer clic en el men√ļ desplegable “Tipo de c√≥digo” y seleccione “Fragmento HTML” como tipo de c√≥digo.

Ingrese el segundo código y seleccione el tipo de código

A continuaci√≥n, puede desplazarse hacia abajo hasta la secci√≥n “Publicaci√≥n” y seleccionar d√≥nde desea que aparezca el bot√≥n Me gusta de Facebook. Por ejemplo, digamos que desea que aparezca antes del contenido.

Simplemente haga clic en el men√ļ desplegable “Ubicaci√≥n” y elija Insertar antes del contenido opci√≥n en P√°gina, Publicaci√≥n, Tipos de publicaciones personalizadas.

Seleccione la ubicación del botón Me gusta

Una vez que haya terminado, puede hacer clic en el bot√≥n “Guardar fragmento”.

También deberá hacer clic en el interruptor y cambiarlo de Inactivo a Activo.

Guarde y active el fragmento de código WPCode

Eso es todo, después de ingresar el código aparecerá un botón Me gusta de Facebook en su sitio web.

¬ŅQu√© son los metadatos de Open Graph y c√≥mo agregarlos a WordPress?

Open Graph son metadatos que ayudan a Facebook a recopilar información sobre una página o publicación en su sitio de WordPress. Estos datos incluyen una imagen en miniatura, título de publicación/página, descripción y autor.

Facebook es bastante inteligente a la hora de mostrar campos de título y descripción. Sin embargo, si tu publicación tiene más de una imagen, a veces puede mostrar una miniatura incorrecta cuando se comparte.

Si ya est√°s usando el SEO todo en uno (AIOSEO) complemento, el problema se puede resolver f√°cilmente visitando SEO todo en uno ¬Ľ Red Social y haciendo clic en la pesta√Īa de Facebook.

A continuaci√≥n, haga clic en el bot√≥n “Cargar o seleccionar imagen” para establecer una imagen de publicaci√≥n de Facebook predeterminada si su publicaci√≥n no tiene una imagen de gr√°fico abierto.

Cargue la imagen predeterminada de Facebook

Aparte de eso, también puedes configurar una imagen de gráfico abierto para cada publicación o página individual.

Al editar una publicaci√≥n, despl√°cese hacia abajo hasta la secci√≥n Configuraci√≥n de AIOSEO en el editor de contenido. A continuaci√≥n, cambie a la pesta√Īa “Social” y obtenga una vista previa de su miniatura.

Configuración para compartir en redes sociales del producto AIOSEO

Ahora despl√°cese hacia abajo hasta la opci√≥n “Fuente de imagen” y luego podr√° elegir una imagen de gr√°fico abierta para su publicaci√≥n.

Por ejemplo, puede seleccionar la imagen destacada, la imagen adjunta, la primera imagen del contenido o cargar una imagen personalizada para usarla como miniatura del gr√°fico abierto.

Fuente de imagen para gr√°fico abierto

Para obtener más detalles y formas alternativas de agregar metadatos de gráficos abiertos, consulte nuestra guía sobre cómo agregar metadatos de gráficos abiertos de Facebook en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo agregar el botón Me gusta de Facebook en WordPress. Es posible que también desee ver nuestra lista sobre cómo registrar un nombre de dominio y los mejores complementos de redes sociales para WordPress.

Recomendamos

Populares