Tutorial: Integración de URLs cortas en WordPress para redes sociales

  • Autor Autor codigoadicto
  • Fecha de inicio Fecha de inicio
C

codigoadicto

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hacer que tus URLs se acorten es importante hoy día, ya que cuando los visitantes quieran compartir tu artículo por medio de redes sociales les será mas fácil porque se reduce el tamaño de caracteres, hice algunos posts de como integrar bitly en tu blog con diferentes métodos que te pueden servir de referencias.

Ahora solo debes copiar el código debajo y pegarlo en el archivo functions.php de tu theme. Si aun no tienes una cuenta de Bitly hazlo ahora, de ser así, verifica tu Enlace eliminado y usuario.

PHP:
//crea automaticamente la URL para wordpress
function bitly()
{
    //informacion de login
    $url = get_permalink();  //enlace permanente para wordpress
    $login = 'NOMBRE-USUARIO';   //bitly login
    $apikey = 'API-KEY'; /bitly API-KEY
    $format = 'json';   //elige entre json o xml
    $version = '2.0.1';
    //genera la URL
    $bitly = 'http://api.bit.ly/shorten?version='.$version.'&longUrl='.urlencode($url).'&login='.$login.'&apiKey='.$apikey.'&format='.$format; 
 
    //traer la URL
    $response = file_get_contents($bitly);
//formatiando para json
    if(strtolower($format) == 'json')
    {
        $json = @json_decode($response,true);
        echo $json['results'][$url]['shortUrl'];
    }
    else //formatiando para xml
    {
        $xml = simplexml_load_string($response);
        echo 'http://bit.ly/'.$xml->results->nodeKeyVal->hash;
    }
}

Para hacer uso de la función es tan simple como esto:
PHP:
<?php bitly(); ?>

Combinar la URL con el botón de Twitter: Enlace eliminado y Enlace eliminado dan mucha información.

HTML:
<!-- Boton -->
<a href="https://twitter.com/share" class="twitter-share-button" data-url="<?php echo bitly(); ?>" data-counturl="<?php echo get_permalink($post->ID); ?>" data-via="codigoadicto" data-lang="es" data-related="codigoadicto">Tweet</a>
 
<!-- Script del boton -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Donde codigoadicto es el usuario de Twitter.

Hago una breve cita de la explicación del código que hice en el post.
Explicando el código.
Para poder lograr la una buena integracion hay que indicar el data-url al cual se le pasa la url acortada por medio de la funcion bitly() y el data-counturl que es quien va a contar las veces que se ha compartido la URL, a este como se ve en el codigo se le pasa la funcion get_permalink() de wordpress junto al post_id para indicarle al botón, que esa es la url que el va a contar y no cree un conflicto con la url de bitly.

Combinar con Google +1. Enlace eliminado para obtener el botón.

HTML:
<g:plusone size="medium" href="<? bitly(); ?>"></g:plusone>

Ahora solo debes hacer la prueba pegando estos botones en el archivo single.php de tu theme, preferiblemente debajo de la función content().
 
Aprobado el tema y agregado a la lista de tutoriales.
 
Se agradece, esto va a ser muy util mas que nada para los usuarios que usan Twitter y quieren compartir la URL por ese medio sin gastar tantos caracteres... GRACIAS 😀
 
Me gusta esta funcion ^^!, ya mismo la agrego a mis web's 🙂
 
Gracias por sus comentarios!
 
Atrás
Arriba