Marketing Digital / Web

Botones para compartir en redes sociales sin plugins

En este tutorial vamos a repasar los pasos para configurar esto en su blog sin necesidad de utilizar ningún tipo de plugins de WordPress

¿Porqué hacerlo?

  • No todos, pero la mayoría de los plugins de intercambio sociales no están optimizados para su necesidad.
  • Pueden cargar iconos sociales para compartir de forma individual que aumentaron las peticiones HTTP innecesarios a su servidor.
  • Si utiliza los botones oficiales de intercambio social, entonces se carga Java Script para cada botón Compartir que finalmente afecta a su velocidad de carga de página de manera significativa.
  • Si la velocidad de la página es alta, su sitio de alto rango en Google Search.
  • Si la velocidad de la página es alta, hay más chances usuarios volverán a su sitio con más frecuencia ya que es buena experiencia para ellos.

Paso 1

Ir a archivo function.php de su tema y pegar debajo código. Esto agregará el botón de compartir en la parte inferior del contenido del post.

function crunchify_social_sharing_buttons($content) {
 // Show this on post and page only. Add filter is_home() for home page
 if(is_singular()){
 
 // Get current page URL
 $shortURL = get_permalink();
 
 // Get current page title
 $shortTitle = get_the_title();
 
 // Construct sharing URL without using any script
 $twitterURL = 'https://twitter.com/intent/tweet?text='.$shortTitle.'&url='.$shortURL.'&via=Crunchify';
 $facebookURL = 'https://www.facebook.com/sharer/sharer.php?u='.$shortURL;
 $googleURL = 'https://plus.google.com/share?url='.$shortURL;
 $bufferURL = 'https://bufferapp.com/add?url='.$shortURL.'&text='.$shortTitle;
 
 // Add sharing button at the end of page/page content
 $content .= '<div class="crunchify-social">';
 $content .= '<h5>SHARE ON</h5> <a class="crunchify-link crunchify-twitter" href="'. $twitterURL .'" target="_blank">Twitter</a>';
 $content .= '<a class="crunchify-link crunchify-facebook" href="'.$facebookURL.'" target="_blank">Facebook</a>';
 $content .= '<a class="crunchify-link crunchify-googleplus" href="'.$googleURL.'" target="_blank">Google+</a>';
 $content .= '<a class="crunchify-link crunchify-buffer" href="'.$bufferURL.'" target="_blank">Buffer</a>';
 $content .= '</div>';
 return $content;
 }else{
 // if not post/page then don't include sharing button
 return $content;
 }
};
add_filter( 'the_content', 'crunchify_social_sharing_buttons');

Hemos utilizado el hook de wordpress the_content. Se muestra el contenido del post/página actual.

Si usted desea tener más botones sociales para compartir, por favor visite el siguiente enlace

Paso 2

Agregar al archivo style.css de su tema de wordpress los estilos necesarios para la apariencia de los botones de compartir.

Paso 3

Asegúrese de que se borre la caché del sitio. Puede usar el plugin  WP Super Cache para esto.

Basado en el articulo: How to Create Social Sharing Button without any Plugin and Script Loading?