homefinance blog
Obtener tráfico de Twitter y Facebook es genial. ¡Muestra que a las personas les gusta su contenido, porque de lo contrario no lo distribuirían! Un poco de tráfico que puede obtener de los complementos sociales habituales, pero ¿qué pasa con la implementación de un código corto rápido que permite a las personas distribuir citas de sus publicaciones? Tal vez pueda ayudarlo a obtener más tráfico social, ya que nos ayudó a obtener más tráfico social.
Implementación del código de cotización básico corto
En primer lugar, necesita algunas citas que valga la pena compartir, pero también debe hacer que las citas se destaquen, para que sus lectores realmente vean las citas.
Por ejemplo, sus citas pueden destacarse de la siguiente manera:
La forma más fácil de lograr este efecto es mediante la introducción de comillas en un código corto. Si usa los excelentes códigos cortos de complemento Ultimate, puede rodear sus citas con [Su_quote] … [/Su_Quote]. Si desea las líneas horizontales sobre y debajo de la cita, debe agregar
etiquetas
alrededor de [Su_quote] Short [su_quote]. Para aliviar las cosas, puede colocar [su_quote] corta [su_quote] y las etiquetas
juntas en un nuevo código corto, agregando este código a funciones.php en el niño:
add_shortcode (‘bhs_quote’, ‘bhs_quote’);
Función bhs_quote ($ atts) {
Devuelve ”
[su_quote]”. $ atts [‘citado’]. “[/Su_quote]
“;
}
Después de haber agregado el código, solo puede rodear su cita con [bhs_quote] … [/bhs_quote] para obtener los efectos [su_quote] y los efectos
. Asegúrese de agregar el código a las funciones.php a su hijo. No lo agregue al tema femenino Functions.php porque ese archivo se sobrescribirá cuando se actualice el tema. El complemento Ultimate se recomienda muy recomendado, pero si no lo tiene, también puede crear una clase CSS en la que pueda finalizar las comillas. Por lo tanto, algo CSS que coincide con el tema y el estilo que desea:
Función bhs_quote ($ atts) {
Devuelve ”
“. $ atts [‘citado’]. ”
“;
}
Agregar botones sociales al brevemente
Las citas en sus publicaciones ahora están en pie, por lo que son fáciles de ver. Es genial, así que ahora es el momento de facilitar a las personas que distribuyan citas. Para facilitar el intercambio, puede agregar botones de Facebook y Twitter a su código corto, como:
La captura de pantalla citada anteriormente es de esta entrevista si desea verificar el código corto y los botones en vivo.
Implementación del botón Twitter
Echemos un vistazo al botón de Twitter primero. Es bastante fácil de implementar, porque Twitter tiene una API a la que puede acceder utilizando una URL estructurada. Para probarlo, no tiene que comenzar Postman o algo así. Todo lo que tiene que hacer es copiar e insertar la URL en el navegador:
Construir una URL en PHP no es difícil. Todo lo que tiene que hacer es escribir una función como la siguiente, que genera un botón que envía a la URL de Twitter. Dependiendo de su tema, es posible que tenga un código breve creado para agregar botones. Si, por ejemplo, use el tema FlatSome, puede usar el código corto [botón] de la siguiente manera: bhs_twitter_get_button function ($ text) {
$ url = “https://www.bulkhackers.com”. $ _Server [‘request_uri’];
$ twitter_link = “https://twitter.com/intent/tweet?text=”. Urlencode ($ text). “& Url =”. $ Url. “& Vía = bulkhackers”;
$ output = “[Button Text = ‘Tweet this’ Letter_case = ‘Lowercase’ size = ‘small’ icon = ‘icon-twitter’ icon_pos = ‘left’ link = ”. $ Twitter_link. “Target = ‘_ en blanco’]”;
devuelve $ salida;
}
El código debe agregarse al archivo Functions.php sobre el tema del niño, al igual que el código de código corto que escribí anteriormente.
Si no tiene plano u otro tema con un código corto para el botón Built -in, puede crear un botón como este:
tweet esto
El botón de Twitter debe ser parte del código corto, así que llame a la nueva función bhs_twitter_get_button en el código de cotización breve y el valor de retorno agregado a la salida del código corto:
Función bhs_quote ($ atts) {
Devuelve ”
[su_quote]”. $ atts [‘citado’]. “[/Su_quote]”. bhs_twitter_get_button ($ content). ”
“;
}
Vale la pena señalar que Twitter muestra automáticamente la imagen de la publicación cuando sus lectores distribuyen una cita de esta manera.
Implementación del botón Facebook
No todos usan Twitter, por lo que debe agregar un botón de Facebook al código de cotización corto. Al igual que con Twitter, Facebook tiene una API a la que puede acceder utilizando una URL estructurada. Y como con Twitter, puede probar cosas en el navegador: el botón de Facebook es el mismo que con el botón Twitter. Primero debe escribir una función que genera un botón que envía a la URL Facebook:
Bhs_facebook_get_button function ($ text) {
$ url = “https://www.bulkhackers.com”. $ _Server [‘request_uri’];
$ facebook_link = “https://www.facebook.com/sharer/sharer.php?u=”. Urlencode ($ URL). “& Quote =”. Urlencode ($ text);
$ output = “[Button Text = ‘Share This’ Letter_case = ‘Lominase’ size = ‘small’ icon = ‘icon-facobook’ icon_pos = ‘left’ link = ”. $ Facebook_link. “Target = ‘_ en blanco’]”;
devuelve $ salida;
}
Luego se agrega la función al código de cotización corto y el valor devuelto se agrega a la salida del código corto:
Función bhs_quote ($ atts) {
Devuelve ”
[su_quote]”. $ atts [‘citado’]. “[/Su_quote]”. bhs_twitter_get_button ($ content). bhs_facebook_get_button ($ content). ”
“;
}
Al igual que Twitter, Facebook muestra automáticamente la imagen de publicación cuando se distribuye una cotización.
Imágenes de Twitter y Facebook
La mayoría de las publicaciones de blog tienen una imagen recomendada que se usa al publicar en Twitter y Facebook. Si no se presenta una imagen, la primera imagen en la publicación generalmente es tomada por Twitter y Facebook cuando se distribuye la publicación.
Pero puede agregar un poco de código para Twitter y Facebook para usar otras imágenes cuando se comparte una publicación. Esto es lo que hicimos para que nuestras imágenes con Avatar aparezcan en las capturas de pantalla de Twitter y Facebook anteriores. Si desea que aparezca una imagen diferente, debe centrarse en estas dos etiquetas en su fuente. /Stan-Affeping-FaceBook.png ” />
!
Un buen complemento de SEO puede ayudarlo a generar tales etiquetas, pero puede codificarlas usted mismo y, por lo tanto, puede determinar qué imágenes se usan cuando se comparte una publicación.
La mayoría de las personas parecen usar el complemento Yoast SEO, así que echemos un vistazo a la implementación de los filtros de SEO Yoast para configurar nuestras imágenes de Twitter y Facebook. Entonces, para la foto en Twitter:
add_filter (‘wpseo_twitter_image’, ‘bhs_yoast_image_twitter’);
Función bhs_yoast_image_twitter ($ image) {
Devuelve “https://www.bulkhackers.com/wp-content/images/stan-fferding-twitter.png”;
}
Y para la imagen de Facebook que usa la imagen OpenGraph:
add_filter (‘wpseo_opengraph_image’, ‘bhs_yoast_image_opengraph’);
Función bhs_yoast_image_opelgraph ($ image) {
Devuelve “https://www.bulkhackers.com/wp-content/images/stan-fferding-facebook.png”;
}
Las funciones anteriores son solo plantillas para mostrarle qué filtros debe implementar. Por supuesto, no debe devolver la misma imagen para cada publicación que tenga. Dependiendo de sus necesidades exactas, probablemente necesitará algo lógico para obtener imágenes específicas para cada publicación. Distribuye en todas partes
Eso es todo. No es una tarea de codificar tan difícil implementar un código de cotización corto con botones para compartir. Pero, ¿por qué solo ayudar a las personas a enviar citas? Dependiendo de su sitio, nuestros lectores pueden querer compartir lo que han traído a su tienda WooCommerce. Si tiene colaboradores, es posible que deseen compartir algo sobre sus contribuciones, etc. Las posibilidades son infinitas, y en el juego de tráfico, ¡cada pequeña cosa ayuda a difundir las noticias sobre su sitio!
Esperamos que este artículo haya sido útil. Si le gustó, ¡no dude en consultar algunos de estos artículos!
Cómo mostrar tweets recientes en WordPress con widgets de Twitter
Complementos de encuestas de WordPress para una mejor participación
Temas de WordPress de color para cada nicho
