Seguramente habrás maldecido más de una vez la barra que Facebook o Digg mantienen en tu navegador cuando visitas un enlace desde estos sitios pero ¿no has pensado que es una estrategia genial para mantener el tráfico en tu sitio?.
Pues bien, si tienes un portal o sitio creado con WordPress y quieres mantener a los lectores sin salir del todo de tu página ahora puedes tener tu propia barra al estilo Facebook, que les recordará de donde han venido para llegar al enlace que están visitando.
Solo tienes que instalar el plugin WP External Links Bar, configurarlo, activarlo y … si quieres … personalizarlo. A partir de ese momento, cuando alguien pulse un enlace externo en tu sitio se les redirigirá a una dirección del tipo . En la barra encontrarás un enlace para compartir el mismo en distintas redes sociales y también otro para cerrar la barra y quedarte en el sitio externo.
Es especialmente interesante una de las opciones que te permite activarlo para los enlaces del contenido o solo para los enlaces en los comentarios, con lo que la elección es tuya. También puedes elegir los colores de la barra, añadir el logo de tu sitio o incluso una imagen de fondo.
Sé que este tipo de barras son controvertidas pero sus virtudes son incontestables ¿no te parece?. Yo lo tengo activado desde hace unos días para los enlaces en los comentarios y ha habido impresiones para todos los gustos ¿cual es la tuya?.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)
Pensé que te referías a la barra que está como footer en Facebook.. (http://i27.tinypic.com/1zd0nj5.png) conoces alguna forma de implementar una así Fernando?
He visto una similar en un theme pero no sé si iba con plugin o no. Habrá que buscar algo así, tiene buena pinta 😉
¿Te gusta esta?
Ah no, esa es como la que yo he comentado en el post.
Pongo un enlace en este comentario para que lo veáis funcionar:
http://fernandotellado.com
Sí la ví, pero sería genial encontrar una como la de la imagen que te mandé 🙂
buenas… me gustó el recurso, lo he instalado… la pregunta és como cambio de idioma las palabras en inglés y añado el "volver"…
gracias…
En el archivo index.html de la carpeta "/templates/default"
Yo lo he cambiado a esto otro:
<code><h1>{BLOG_NAME}</h1>
<h2>{URL}</h2>
<a title="comparte este enlace" href="{SHARE}" class="share" id="share">compartir
<div class="sharelist" id="sharelist">
<h3>comparte este enlace</h3>
<a title="enviar a tu muro de Facebook" href="http://www.facebook.com/share.php?u={URL}" class="facebook">facebook
<a title="guardar en tus enlaces de Delicious" href="http://del.icio.us/post?v=4&noui&jump=close&url={URL}" class="delicious">delicious
<a title="enviar enlace a tu Twitter" href="http://twitter.com/home/?status={URL}" class="twitter">twitter
<a title="enviar a Digg" href="http://digg.com/submit?phase=2&url={URL}" class="digg">digg
<a title="enviar enlace a Technorati" href="http://technorati.com/faves?sub=addfavbtn&add={URL}" class="technorati">technorati
<a title="compartir en StumbleUpon" href="http://www.stumbleupon.com/submit?url={URL}&title={LINK_TITLE}" class="stumbleupon">stumbleupon
</div>
<a title="volver al sitio de referencia" href="{BLOG_URL}" class="volver">volver
<a title="cerrar la barra y permanecer en el sitio actual" href="{URL}" class="close">cerrar</code>
gracias fernando… me ha ido bién… tan solo que me he tenido que pelear con el css para la nueva pestaña de "volver", que me quedava alineada a la izquierda… como estoy en el curro y aquí no tengo paciencia, he sustituido el "compartir" por el "volver"…
si te da, ¿como lo hociste?
gracias de nuevo
salud
creé una nueva clase css en el style.css de la carpeta asset y modifiqué algo el resto, así es como está con mis cambios:
<code>
body{ margin: 0 !important; padding: 0 !important;}
.bar{
height:40px;
}
#wpbar .intbar{
padding: 5px 10px 10px 10px;
position: relative;
}
.url {
height:93%;
width:100%;
z-index:10;
-webkit-box-sizing: border-box;
}
#wpbar .intbar a.share{
position: absolute;
top:6px;
right: 200px;
display: block;
}
#wpbar .intbar a.close{
position: absolute;
top:6px;
right: 10px;
display: block;
}
#wpbar .intbar a.volver{
position: absolute;
top:6px;
right: 100px;
display: block;
}</code>
En general es una muy mala idea. Cuando se montan sitios así, el sitio "contenedor" puede manipular el javascript del sitio "contenido", abriendo agujeros de seguridad importantes. Como no hay garantías respecto a quien es el sitio "contenedor", hay muchos sitios web que incluyen javascript para que no se puedan abrir en este tipo de entornos.
Por cierto, tal como están los campos del form de comentarios es imposible saber lo que es cada cosa, sería posible añadirles un title o un label?
Un saludo.
añadida la etiqueta
si tienes una etiqueta "more", se activa esta barra tambien… no hay solución verdad? jejeje
Es solo para los enlaces externos, no para los internos, y puedes configurarla para que solo afecte a los enlaces en comentarios.
No entiendo una cosa. Con la barra seria como si las visitas nunca salieron de tu sitio? Muy útil entonces la barra.
Interesante, aunque le veo un problema, cuando dan click en volver te devuelve al Index de la web y no al post que estabas leyendo.
por lo que creo que seria mejor modificar el codigo de volver por este
javascript:history.back()
¿tu que piensas fernando?
WP Super Bar es mejor y más configurable, con "white list" y todo 😀
http://wordpress.org/extend/plugins/wp-super-bar/
Muy interesante, gracias 😉
Pues hombre, si hemos maldecido la maldita barra de digg y facebook, ¿Por que ibamos a castigar a nuestros lectores con otra barra similar?
miren yo muestro enlaces de magavideo y por lo tal puse para que dicha barra se muestre dentro del post.. se supone que solo actua con links externos, pero por que en el "MORE" me manda lo aquello osea me esta jodiendo enalces internos por medio del more.
ayuda.. a ti no te ocurre eso por que, claro solo por que pusiste para los comentario.. pero yo quiero en general post y coment.
No lose si se pede hacer asi,pero seguro funcciona