Tutorial: Integrar el uso de URLs corta con Bitly, Twitter y Google +1 en WordPress

codigoadicto Seguir

Beta
Verificación en dos pasos desactivada
Desde
5 Mar 2012
Mensajes
67
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().
 

Carlos Arreola

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
11.541
Aprobado el tema y agregado a la lista de tutoriales.
 

Draving

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
10 Jun 2006
Mensajes
217
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 :D
 

Desiigner

Gamma
Redactor
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 Nov 2011
Mensajes
402
Me gusta esta funcion ^^!, ya mismo la agrego a mis web's :)
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba