Barra como Facebook o Digg

external links bar

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?.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(0 votos, promedio: 0)

¿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.

23 comentarios en “Barra como Facebook o Digg”

  1. Pingback: Bitacoras.com

  2. 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…

    1. 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>

      1. 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

        1. 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>

  3. Ignacio Coloma

    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.

      1. No entiendo una cosa. Con la barra seria como si las visitas nunca salieron de tu sitio? Muy útil entonces la barra. :mrgreen:

  4. 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?

  5. 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.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido