Gadget de entradas más visitadas (populares)

4 de noviembre de 2009 69 comentarios ,
A menudo me preguntan cómo hago para poner el gadget de entradas más visitadas, que no es lo mismo que el gadget de las entradas más comentadas ya que el hecho que un post tenga muchos comentarios no significa que tenga muchas visitas.
Anteriormente había un script que podía mostrarnos las entradas más vistas en un día pero hace mucho dejó de funcionar.

Hay dos formas de hacerlo (el segundo método ya no funciona), una es a través de AffiliateBrand, que nos dará un widget que podremos colocar en el blog con los posts más populares. Y la otra forma (como lo hago yo) es manualmente, apoyándonos en los resultados de Google Analytics y usando una Lista de enlaces.

Con Google Analytics

  1. Primero deberás ingresar a tu cuenta de Google Analytics y hacer click en Ver informe.
  2. Luego ve hasta abajo y busca el recuadro que dice Visión general del contenido, ahí haz click de nuevo en Ver informe.
  3. Hasta abajo verás que dice Contenido principal, otra vez click en Ver informe.
  4. Abajo verás las URL que tienen más visitas incluyendo las URL de las etiquetas, esas no nos interesan, sólo tienes que buscar las URL de las entradas con más visitas (ocupan los primeros lugares).
  5. Ahora en Blogger entra a Diseño | Añadir un gadget | Lista de enlaces y ahí agrega los links de las entradas con más visitas.

Puedes agregar los links que desees según con cuántos quieras armar tu top ten.
Recuerda que este gadget de posts más populares o más vistos está hecho manualmente así que cada semana deberás revisar las estadísticas de Analytics y actualizar tu Lista de enlaces.


Con AffiliateBrand
  1. Entra a la página de AffiliateBrand e ingresa la dirección de tu blog y presiona el botón Add blog.
  2. AffiliateBrand
  3. Inmediatamente aparecerá un recuadro de opciones, haz click en Configure.
  4. AffiliateBrand
  5. Copia el código y pégalo en un elemento HTML/Javascript.
Listo, tendrás un gadget con las entradas más vistas de tu blog. Si lo deseas puedes hacer click en Customize y cambiar el tamaño del widget y otras pequeñas opciones.
Este gadget tardará unos minutos en recopilar la información para poder mostrar los resultados de los posts más vistos de tu blog y suele tardar demasiado en cargar además de que incrusta mucha publicidad por lo que no es muy recomendable usarlo.


69 comentarios en:

" Gadget de entradas más visitadas (populares) "

  1. muy bueno justamente eso es lo que estaba necesitando para mi blog.

    Me gostaria mas como el tuyo, que se vea como links simples mmm se me olvidaba
    como puedo poner emtrada relacionada en cada una de las entradas???


    muy bueno

    gracias y felicidades!

    ResponderEliminar
  2. Hola ALPHASW,

    Por mucho es mejor hacerlo manualmente, así no hacemos tan pesada la página.
    Para poner las entradas relacionadas sigue este tutorial:
    http://ciudadblogger.com/2009/07/entradas-relacionadas-en-blogger.html

    Saludos!

    ResponderEliminar
  3. Que bueno, asi tendran masvisitas.

    Por cierto, recuerdo que hace tiempo tenias un gadget de usuarios que mas comentan.
    ¿como se agrega? y ¿funciona igual con los comentarios que no son perfiles de google, sino nombres con url?

    ResponderEliminar
  4. Hola el venado,

    Funciona igual tanto para usuarios registrados como usuarios sin perfil le problema es que trabaja con las Pipes de Yahoo y se alenta mucho además de que las estadísticas no son nada reales.
    Aquí te dejo el enlace donde JMiur explica cómo ponerlo:

    http://vagabundia.blogspot.com/2009/01/otro-gadget-para-top-comentaristas.html

    Saludos.

    ResponderEliminar
  5. Gracias Potro lo estoy probando pero lo malo es que lo coloque en mi web pero tardaba en cargar más
    mejor lo quite y mejor no voy a colocar, o manualmente con una lista de enlaces, nada más debo visitar mucho Google Analitycs para estar actualizando,

    bueno GRACIAS por el Consejo

    ResponderEliminar
  6. Hola Alex,

    Ese es uno de los tantos inconvenientes de ese gadget, de forma manual es un poco de más trabajo pero los resultados son mejores. Yo sugerí que se haga cada semana pero eso es a opción de cada quién, puedes actualizarlos cada dos semanas también.
    Saludos.

    ResponderEliminar
  7. Exelente bro... no se porque, pero también me quedo con el primer método, lo veo mas confiable.

    Un abrazo!!!

    ResponderEliminar
  8. Definitivamente es mejor.
    Gracias por pasar.
    Un abrazo!

    ResponderEliminar
  9. Tengo algún problema con Google Analytics. No figuro con visitas (obviamente las hay).
    Anteriormente, hace un par de semanas, todo caminaba correctamente. Ahora no se que pasa.
    Que será?
    Saludos.
    Jpz.-

    ResponderEliminar
  10. De acuerdo, me quedo con el primer metodo, bastante simple pero concreto....

    Saludos!

    ResponderEliminar
  11. Jpz, ¿no habrás modificado el código de seguimiento? entra de nuevo a tu cuenta de Analytics y revisa que el código que debes tener en tu plantilla sea el mismo que tienes. De ser necesario cópialo y pégalo de nuevo y fíjate que en Analytics esté la palomita verde que significa que está recibiendo los datos de forma correcta. Saludos.

    ramiz, creo que todos concordamos que es mejor el primer método =)
    Saludos!

    ResponderEliminar
  12. Te puse una duda que tengo en http://ciudadblogger.com/2009/04/mostrar-ultimos-articulos-transitorio.html a ver si me la puedes resolver, gracias

    ResponderEliminar
  13. Hola Potro.
    Justamente, el código, por alguna razón ya no estaba!.
    Ahora lo volví a insertar. A esperar que comience el seguimiento.
    Saludos y gracias.
    Jpz.-

    ResponderEliminar
  14. Haciéndo memoria, creo que fué cuando cambié de plantilla. :(

    Saludos.
    Jpz.-

    ResponderEliminar
  15. La Divisoria, ya te he respondido allá. Saludos.

    Jpz, eso me imaginé, entonces sólo habrá que esperar unas horas a que arroje los resultados. Saludos.

    ResponderEliminar
  16. se ñe hace mejor la 2 que la uno

    ResponderEliminar
  17. Creo que eres el único al que le gustó esa, jaja.

    ResponderEliminar
  18. Tu primera opcion se me hace un poco tiesa, donde queda lo dinamico?? la segunda opcion se me hace mas aceptable.
    Gracias por la ayuda amigo !!

    ResponderEliminar
  19. Bueno, no a todos les gustan los gadgets dinámicos, pero ahí están ambas opciones.
    Saludos!

    ResponderEliminar
  20. HOlas quer opinas delk widget "top posts" de http://labs.postrank.com/top_posts .... lo he visto en varios blog pero no se como ponerlo a mi blog.Podrias ayudarme¿?¿?

    ResponderEliminar
  21. Ahí mismo en la página hasta abajo tienen un botón para que lo agregues automáticamente a tu blog.

    ResponderEliminar
  22. Woow Potro!!, eres un genio, te amamos! es justo lo que buscaba!
    Gracias mil!
    Gaby

    ResponderEliminar
  23. Gracias a ti por tu visita Gaby :)

    ResponderEliminar
  24. No puedo, no sé porque mi google analytics me sale en ceros :(

    ResponderEliminar
  25. El código de Analytics debe ir justo antes de la etiqueta </body>
    Sólo de esa forma puede funcionar y contabilizar las visitas que entran al blog.

    ResponderEliminar
  26. ahhh, entonces eso es.. voy a intentar de nuevo..
    gracias

    ResponderEliminar
  27. Vale, vale, que todo salga bien :)

    ResponderEliminar
  28. La verdad ya ni iba a decir nada, pero no me aguanto :S. Ya no sé donde está el bendito código.
    Tienes aqui alguna entrada que explique mejor esto de google analytics?
    saludos

    ResponderEliminar
  29. De hecho no, en una de mis primeras entradas hable sobre ello pero está bastante incompleto.
    Entra a tu cuenta de Analytics, y da click en Editar en el nombre de tu blog, verás que en la página que se abra dice 'Información del perfil del sitio web principal', justo arriba del lado derecho dice 'Comprobar estado', da click ahí. De inmediato te aparecerá el código que debes pegar, ese código es el que debes poner antes de </body> en tu plantilla.

    Saludos!

    ResponderEliminar
  30. Ok, al fin pude hacer. Ahora voy a checar los sgts dias si funciona, es asi?
    Gracias por la paciencia amiguito!

    ResponderEliminar
  31. Sí, ya para mañana cuando se cumplan las 24 horas podrás ver las primeras estadísticas, y en una semana tendrás datos suficientes para hacer el gadget que quieres ;)

    ResponderEliminar
  32. Pense que era el gadget de entradas populares de blogger,
    potro necesito tu ayuda con el gadget nuevo de POPULAR POST de blogger, necesito que las imagenes sean mas grandes ya que las imagenes son pequeñas y no se distingue muy bien, solo ve ve la mitad,

    te espero en mi blog:

    http://toxicosm.blogspot.com/

    gracias y feliz año

    ResponderEliminar
  33. No he usado casi nada ese gadget así que no sé qué tantas posibilidades tenga. Alguna vez leí que no se podía cambiar esa medida pero honestamente nunca lo he intentado hacer.
    Saludos.

    ResponderEliminar
  34. hello, este es mi blog, miren a ver que tal y denme su opinion

    ResponderEliminar
  35. hello, miren ni blog y díganme que les parece? soy nueva en esto

    http://tresmasocho.blogspot.com/

    ResponderEliminar
  36. Muy bien Potro...
    Solo te quiero preguntar algo si tu eres el verdadero Potro o solo te disen por apodo

    ResponderEliminar
  37. hola potroo... pusee en mi web el gadget de entradas populares, y kedo muy bueno, lo puse solo con el titulo, ya ke no tiene contenido, solo son videos, y sale la imagen de los videos con los titulos, pero laas imagenes salen muy grandes, como podra hacer para poder editar el tamaño?? te dejo una foto para ke lo veas --->> http://i.imgur.com/oMjBg.jpg , espero tenga solucion, gracias

    ResponderEliminar
    Respuestas
    1. Hola Andresiyo, usa estos estilos para cambiarle las medidas:
      .PopularPosts img {
      width: 50px !important;
      height: 50px !important;
      }

      Eliminar
  38. graciass potroo lo logre hacer pero pasoo algo, al poner el estilo, tambien se acchico el titulo de gadget, todos los gadget los titulo los reemplase por imagen, y cojioo lo del estilo ke me diste, mira la foto ---> http://i.imgur.com/lUc05.jpg , espera tenga solucion

    ResponderEliminar
    Respuestas
    1. soy AndresiyoReady solo ke tengo dos cuenta de blogger xD

      Eliminar
    2. Deja la dirección del blog donde lo estás haciendo para poder revisar el código.

      Eliminar
    3. Este comentario ha sido eliminado por un administrador del blog.

      Eliminar
    4. Hola Andresiyo, aun así necesito saber en cuál blog lo hiciste ;)

      Eliminar
    5. Gracias, pero es necesario que dejes los códigos puestos, de otra manera no puedo saber si es por algún estilo de la plantilla, o si sólo hace falta agregar algún dato más.

      Eliminar
  39. te dejo todo el codigo del diseñoo??

    ResponderEliminar
    Respuestas
    1. Pon el código en tu plantilla, ahí es donde necesito verlo, puesto "en vivo", sólo así puedo saber qué sucede.

      Eliminar
  40. como ke en mi pantalla? eske no entiendoo naa, perdona :(

    ResponderEliminar
    Respuestas
    1. Sí mira, yo te di un código para que pongas en tu plantilla, ese código lo debes poner y no quitarlo de tu plantilla, no importa sino se ve bien o si "no funciona", el código lo debes dejar puesto, de otra forma no puedo verlo y saber qué sucede.

      Eliminar
  41. aaa entiendoo, ok te dejo entonses este otro link ke tengo la misma plantilla, http://diiva1008564.blogspot.com.es/, y pasa el mismo problema, los estilos lo puse antes de: ]]>, espero tu ayuda, es el gadget de las entradas populares

    ResponderEliminar
    Respuestas
    1. Vale, para corregir lo de los títulos agrega también estos estilos, debajo de los que agregaste antes:
      .PopularPosts .item-title {
      font-size: 15px !important;
      }

      Eliminar
  42. me sigue saliendo el mismoo problema. te dire lo ke hice, puse arriba de " ]]> " el primero codigo ke me diste, luego de bajo de ese, puse este ultimo ke me has dao, lo ke sucedio con este ultimo codigo ke se agrandaron los titulos de cada post, pero la imagen del titulo de gadget no cambio, sigue igual, encogido, creo ke coje los tamaños del primer estilo, ke son 50x50, mira el blog y veras de ke te digo ---> http://diiva1008564.blogspot.com.es/ , espero ojala tenga solucion

    ResponderEliminar
    Respuestas
    1. Yo ya lo veo bien, las imágenes tienen un tamaño de 50x50 y los títulos aumentaron a 15px de tamaño. Aun así esos valores los puedes modificar por los que quieras, pero el código ha funcionado.

      Eliminar
  43. hOLA ESTOY DESARROLLANDO UN BLOG DE UN CENTRO DE ESTUDIOS INTERNACIONALES Y QUISIERA SABER COMO SE HACE EL EFECTO QUE TIENE EL TEXTO DE LA COLUMNA DERECHA QUE SE LLAMA ARTICULOS MAS VISITADOS GRAXIAS?=)

    ResponderEliminar
    Respuestas
    1. Hola, son transiciones con CSS3, aún no tengo una entrada sobre ese tema, pero es cuestión de que a las listas del tipo LI le apliques estilos HOVER al pasar el cursor.

      Eliminar
  44. esta entrada en viejisima, oye hermano, tengo problemas con mi plantilla

    toxicosm.blogspot.com

    el problema es que no aparecen las vistas en miniatura de el gadget POPULAR POST

    obviamente ya marque la casilla para activar la imagen en miniatura, espero puedas ayudarme bro... saludos

    ResponderEliminar
    Respuestas
    1. Desconozco porqué suceda, no sé si haya algún fallo en el gadget, revisa en el foro de ayuda de Blogger para ver si alguien más está teniendo ese problema.

      Eliminar
  45. Hola Potro... primero que nada Felíz 2013.

    Tengo un problema con mi página que estoy intentando customizar y no doy arrancado.

    El gadget de "Artículos más vistos" está dentro de una caja, y lo que quisiera es que queden las miniaturas centradas dentro de la caja y además el título debajo de cada una. Ahora mismo el texto se me salió de la página y las imágenes muy juntas.

    Por favor, podrías ayudarme en que tendría que modificar?. Este es el blog: (http://jhonyblackprueba.blogspot.com).

    Gracias

    ResponderEliminar
    Respuestas
    1. Hola, feliz año :)
      No he podido ver el blog porque dice que se ha eliminado.
      Saludos.

      Eliminar
  46. Bienvenido otra vez Potro con este nuevo giro de explosión de ideas y renovación a CiudadBlogger.

    Necesito pedirte dos consejos: Primero, como logró que el gadget de Entradas Populares de Blogger, es decir el predterminado refleje más de 10 publicaciones o bien las que yo desee siempre que sea superiores a 10.

    Segundo, como haces para agregar el código de Adsense antes de los enlaces de navegación, en donde lo ubicas para que aparezca, no abajo de los enlaces sino antes de ellos.

    Gracias

    ResponderEliminar
    Respuestas
    1. Muchas gracias por la bienvenida Roger. Lamentablemente el gadget de entradas Populares no se puede modificar para que aparezcan más entradas de las que en sus opciones de configuración ofrece, ya que ese dato lo controla Blogger, no está explícito en la estructura del gadget.

      Sobre la pregunta del anuncio, lo tengo en el post-footer, por eso en la portada del blog se ve junto al terminar la entrada, pero cuando entras al post se ve antes de los demás datos del post-footer así como antes de los comentarios.

      Saludos.

      Eliminar
    2. Muchas Gracias. Puedes facilitarme un Gadget competitivo a el de Blogger sobre las entradas más populares donde pueda agregar las que desee. Y se vea con las mismas caracteristicas... Sin duda que esta publicación sería una excelente opción para muhcos de nostoros.

      Eliminar
    3. No conozco alguno similar, hay de últimas entradas, ya sea por categoría (etiqueta) o las últimas en general, pero no conozco alguno que muestre las entradas de acuerdo al número de visitas como lo hace el de Blogger.

      Eliminar
    4. Bueno Potro entonces te dejo una idea para tu siguiente publicación. Gracias no sabes cuan útiles son tus consejos. Como ya te había dicho todo lo que se ahora como webmaster fue aprendido de manera autodidactica y una de esas influencias ha sido tu trabajo. Gracias

      Eliminar
  47. Hola Potro, Te consulto algo....Hay forma de que el gadget de entradas populares de blogger me muestre las entradas de un segundo blog?

    Me explico? tengo dos blog enlazadados por cuestiones que no vienen al caso, y en uno de ellos quiero mostrar el gadget pero las entradas estan en el otro...

    Desde ya muchas gracias

    ResponderEliminar
    Respuestas
    1. No Admin Lalala, ese gadget que mencionas no tiene opciones de configuración de ese tipo.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger