- 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.
Para hacer uso de la función es tan simple como esto:
Combinar la URL con el botón de Twitter: Enlace eliminado y Enlace eliminado dan mucha información.
Donde codigoadicto es el usuario de Twitter.
Hago una breve cita de la explicación del código que hice en el post.
Combinar con Google +1. Enlace eliminado para obtener el botón.
Ahora solo debes hacer la prueba pegando estos botones en el archivo single.php de tu theme, preferiblemente debajo de la función content().
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().