Categoria | How To...?, Tecnologia

Etiquetas: | , ,

Como permitir comentarios en Tumblr

Escrito el 05 octubre 2009 por McVicious






Retweet





votar

tumblr

Yo siempre navegando en internet encuentro alguna cosa interesante, llamativa y que me gustaria compartirla. Personalmente me gusta siempre agregarle algun comentario y cosas asi, para esos casos uso Tumblr, un servicio de microblogging en el cual te permite escribir rapidamente segun el tipo de contenido que vas a publicar.

tumblr-dashboard

Tambien pueden elegir temas para decorar su perfil, agregar widgets, etc.

La gracia es que en el Tumblr no se puede dejar comentarios; de  mi parte a mi si me interesan los comentarios, estos sirven para ver la opinion de ustedes, los lectores sobre los temas que se escriben.

Googleando encontre varias formas de colocar comentarios, pero gracias a @pinwinomuerto me informo que DISQUS tambien puede ser implementado en Tumblr. Para explicarles sobre DISQUS tomare un extracto de un post que hizo mi amigo The Ghost en su blog:

Disqus es un sistema que ofrece el servicio para monitorear los comentarios de un blog y también ofrece las herramientas necesarias para que el visitante pueda comentar un artículo. Los comentarios se vuelven en cierto modo más interactivos.
Además que nos facilita saber quién o dónde comentan el artículo que hemos escrito dentro de la comunidad, ya sea en otro blog, o en Twitter.

Entre las características que he podido notar, puedo resaltar las siguientes:

  • Soporte para poder dejar comentarios en el blog usando cualquiera de tus cuentas como Twitter, Facebook, OpenID
  • Posibilidad de que el lector pueda subscribirse a los comentarios via email y RSS
  • Custumizar la estructura de los comentarios mostrados en el post. Podremos modificar de manera sencilla la visualización de los comentarios.
  • Posibilidad de valorar los comentarios, si es agresivo o si les gusta.
  • El lector puede modificar el orden de visualización de los comentario: si quiere ver primero el más antiguo o primero el más nuevo.
  • Soporte para hacer video comentarios.

Algo que quiero comentar muy aparte es que Disqus nos permite mostrar las reacciones que hay acerca del artículo dentro de la comunidad. En Disqus podemos activar la opción de mostrar los twitts que hayan hecho en relación a nuestro artículo y mostrarlo debajo de los comentarios.
Para ello Disqus se basa de la herramienta Backtype. Realmente muy interesante si queremos saber como reacciona la twittósfera sobre nuestr artículo.

Luego de esta explicacion vamos con la chamba.

[ADVERTENCIA]: Para esto vamos a meter mano en el codigo fuente de los Temas de Tumblr, cualquier problema o ayuda me la pueden hacer llegar dejando un comentarios, via twitter(@McV1c10us) o envienla a mi correo (lavidaeninternet@gmail.com). Comencemos:

1.- Para comenzar nos crearemos una cuenta en DISQUS, si es que ya han comentado en algun blog con DISQUS ya estaran registrados. Nos vamos a  DISQUS Comments y agregamos nuestra web, en este caso Tumblr.

disqus-tumblr

2.- Luego del registro podremos escoger los distintos servicios que nos permite usar DISQUS para recibir comentarios.

disqus-tumblr-2

3.- Luego de esto podremos seleccionar el servicio de blog, damos click en Tumblr y nos saldra una pagina con las instrucciones y codigos para implementarlo. Ahora nos vamos a Tumblr.

4.- En el dashboard de Tumblr le damos click a Customize.

tumblr-customize1

5.- Luego le damos click a Theme, de ahi en la parte de abajo denle click a: Use Custom HTML

6.- [Ahora para esta parte recomiendo copiar todo el texto a block de notas para evitar que se puedan marear] Ubicamos casi en la parte final el siguiente texto: {/block:Posts}. Ahora copiamos el codigo del paso 4 de las instrucciones de DISQUS y lo colocamos antes del texto y el codigo del paso 3 despues del texto en mención quedando de la siguiente manera:

tumblr-disqus

Damos click en SAVE y listo. Revisamos cualquier post nuestro y veremos la casilla de comentarios.

tumblr-disqus-comentarios

Espero que este tutorial les sea muy util y que les sea mas facil implementarlo en sus Tumblr. Por si quieren seguirme en Tumblr, pueden hacer click aca: The Dark Side of Vicious.




62 Comments For This Post

  1. Esther Vargas Says:

    Interesante aporte.
    Ahora me pregunto si me atreveré a modificar el código :(

  2. Carlos Moya Salinas Says:

    No tienes que modificar mucho, solo agregar y es bien facil hacerlo ;)

    Suerte

  3. Constantino Vargas Says:

    Mi estimado muy bueno tu post me ayudo bastante con el tema de poner comentario en tumblr, hace poco me he creado una cuenta en este medio, ya te estoy siguiendo.

  4. McVicious Says:

    Me da gusto que te sirva el post, yo tb te agregue a mi Tumblr.

    Saludos

  5. Xose Says:

    Hola, he instalado DISQUS tal y como pones en el post, pero me sale este error al intentar hacer un comentario:

    This page could not be reached by Disqus. If you are testing locally or on a password-protected page, please use the disqus_developer parameter as detailed here.. (http://wiki.disqus.net/JSEmbed/)

    He cogido el código HTML con el explorador de código del navegador, y parece que tu tumblr y el mío están iguales. Genera bien el enlace del artículo, el título, los vínculos a mi url de DISQUS están bien… no se que puede ser. ¿Podrías echarme una mano?

    Gracias.

  6. Frank Ar Says:

    Yo también tengo el mismo problema de Xose

    Gracias

  7. McVicious Says:

    A ver, se han registrado en Disqus o como han hecho, por que ya varias personas han instalado los comentarios sin problemas. Diganme en que parte del tuto comienzan a tener problemas.

    Saludos.

  8. Frank Ar Says:

    Bueno yo en realidad no seguí tu tutorial. Ya antes había intentado instalar manualmente pero como no lo hacía andar, corté por lo sano y busqué una plantilla de Tumblr que traía Disqus incluído, en el panel de Tumblr sólo tengo que poner mi Disqus shortname y listo. Los comentarios andan pero de vez en cuándo me aparece ese cartel y por más que le de F5 a la página no se cambia.

    Gracias nuevamente.

  9. McVicious Says:

    Bueno, yo he instalado los comentarios en 2 cuentas de la forma que escribir arriba y me funciona sin problemas, si el template viene con Disqus integrado tal vez el codigo de tu template este fallando.

  10. pAO pAO Says:

    POR FAVOR SERIAS TAN AMABLE DE EXPLICAR COMO EXPORTAR COMENTARIOS DE HALOSCAN A DISQUS

    GRACIAS

  11. pAO pAO Says:

    por favor serias tan amable de explicar como exportar comnetarios de HALOSCAN A DISQUS

    MUCHAS GRACIAS X LA PRONTA ANSWUER

  12. McVicious Says:

    Hola Pao, gracias por comentar, bueno con respecto a tu pregunta, estuve buscando y encontre una pagina donde te explican paso a paso como exportar los comentarios, la pagina es esta http://lateral.netmanagers.com.ar/tr/es/weblog/posts/BB856.html?fbc_channel=1 espero que te sirva y puedas exportar tus comentarios.

    Saludos

  13. algogoku Says:

    Hola.

    Tengo el mismo problema que Xose. Mi plantilla tiene la opción en Appearance de activar Disqus con el nick que hayas puesto al registrarte en su web. El problema es que luego me sale ese mismo mensaje que le sale a Xose y no se qué hacer.

    En mi plantilla salen opciones ya con disqus y he probado de miles de maneras para que funcione y nada. Si toco la plantilla, siempre la estropeo. Suerte que guardé la plantilla original en un bloc de notas.

    Gracias por la ayuda.

  14. McVicious Says:

    @algogoku veo que tu panel de comentarios funciona a la perfección, igual gracias por comentar y si cuentas en el blog como hiciste para solucionar tu problema seria de gran ayuda para los demas comentaristas.

    Saludos

    McVicious

  15. algogoku Says:

    Tal y como he comentado antes, tenía el mismo problema que Xose pero al final, se ve que para que funcione, primero ha de pasar un tiempo de horas/minutos para que se active la función de disqus automáticamente. A mi me salía ese fallo hacía un par de horas, me volvía loco intentando hacerlo manualmente y nada, lo iba a quitar frustrado y al final, ha sido escribir aqui el otro comentario que no ha salido hace unos minutos para que se activaran los comentarios.

    Pues eso, si ponéis los comentarios con Disqus de modo automático (sin tocar el html), debéis esperar unas horas para que funcione.

    Saludos.

  16. florencia Says:

    Hola!, mira, tengo un problemita :( me re perdi en una parte del tutorial, hasta la parte 4 hice todo, pero despues no se como sigo :l
    Mil gracias!

  17. McVicious Says:

    Hola Florencia, a ver, si me dices que estas en la parte 4 puedo entender que ya tienes el codigo de Disqus y lo que te falta es colocarlo en tu cuenta de Tumblr, para comenzar, tienes que entrar a Theme, el cual está en http://www.tumblr.com/customize ahi podras ver la opción theme, luego de ahi sigues con el Tutorial.

    Saludos

  18. florencia Says:

    Bueno, no.., creo que ahi es mi problema.., en realidad entre a disqus y me hice la cuenta, todo barbaro.., pero en ningun momento vi ese codigo del que hablas :S Tal vez tenga que volver a hacer ese paso

  19. McVicious Says:

    Al entrar a Disqus, te vas a tools, seleccionas la página a la cual vas a colocarle los comentarios, ya en la pagina podras leer “Install Comment System”, sigues la flecha, colocas el mouse sobre el nombre de tu página y saldra un menu, seleccionas “Install Instructions”, seleccionas Tumblr, y listo, ahi esta el codigo para que lo coloques en tu página de Tumblr.

  20. florencia Says:

    Muchas gracias!, ya pude :D , una preguntita, con esto solo podes hacer comentarios a tus propios posts? o podes comentar tambien lo que otros suben? Porque me fije y solo puedo comentar las cosas que yo subo…, no la de los demas :/
    Mil gracias otra vez! y perdon mi ignorancia u.u

  21. McVicious Says:

    Con tu usuario en Disqus, puedes comentar tanto en tu post como en los otros blogs que manejen comentarios con Disqus…

    Que bueno que te haya servido este tutorial. Saludos y gracias por leer este blog.

  22. andresgg Says:

    Hola McVicious!…antes que nada agradecerte por el tutorial acerca de Disqus, lo seguí paso a paso y todo funcionó bien…..

    ahora quisiera saber si puedes ayudarme con lo siguiente: no me aparecen en el blog los tumblr a los que yo sigo ni tampoco el tumblr que sería mi follower…no sé si será problema del theme, que es uno que descargué de los tantos que ofrece tumblr y luego lo empecé a toquetear hasta que pude personalizarlo mas o menos como yo quería….. espero puedas ayudarme…un abrazo!

    andresgg

    radioneuril.tumblr.com

  23. McVicious Says:

    Hola, que bueno que te haya servido el post. Ahora con lo que me dices que en tu blog no salen los followers que tienes, es por el tema…

    En la parte del codigo HMTL de tu template, busca y ahi agregas


    {block:Following}

    Following

    {block:Followed}{FollowedName}{/block:Followed}
     

    {/block:Following}

    Con esto saldran tus folowers en tu barra lateral.

    Espero que te sirva y saludos.

  24. pevicario Says:

    Muy buena explicación. Gracias!

  25. Skye Says:

    Hola, yo quiero preguntar si sabes como puedo hacer para que la gente publique comentarios usando su cuenta de Facebook?

    Porque ya me registré en disqus y ya puse el código en mi web, pero no puedo comentar usando facebook y me dice que para permitir la aplicacion debo registrar mi cuenta Facebook (para obtener una API Key) y me pide num. de telefono o tarjeta de crédito.

    Y obvio no voy a dar ninguna de las 2!!!

    Como le hago entonces?
    Alguien sabria como?

  26. McVicious Says:

    Hola Skye, revisando tu comentario, me puse a activar la opcion de Facebook Connect con Disqus (si se demora, entra a esta pagina http://www.facebook.com/developers/apps.php busca la app Disqus Comment y obten de ahi la API KEY), la cual te pide una API KEY, la cual la gestiona DISQUS gratuitamente (no me han pedido ningun número de tarjeta ni nada)

  27. Paulina Says:

    Hola
    me ha encantado toda la información que publicas creo que en tumblr es necesario, según la plantilla que uses, en mi caso no se presentaba la opción de comentarios

    pero… necesito que me ayudes o que alguien me ayude

    adjunto la URL de mi blog http://papelesblancos.tumblr.com/

    el problema que tengo es que no sé casi nada de HTML, y me gustaría poder hacer algunos ajustes, como por ejemplo que el cuadro donde puedes hacer los comentarios no ocupe toda la página, osea, que quede alineada como todo el contenido

    y lo segundo, como puedo hacer para eliminar 0 commentarios y 0 reacciones que aparece en color azul en la parte superior de la página principal, es que solo aparece en el primer post!

    muchas gracias
    Paulina

  28. LadyAcqua Says:

    Genial, la entrada! Lo he podido cambiar muy fácilmente =)

    He visto que has comentado en mi tumblr. Bueno, pues estoy consiguiendo que mis amigos se lo instalen también.

    Muchas gracias!

  29. demenphia Says:

    Primero de todo felicitarte por el tutorial.
    El tema que tengo de Tumblr no traía la posibilidad de meter los comentarios de Disqus pero lo he intentado manualmente.
    La verdad funcionan muy bien, pero tengo un problema al editar el codigo HTML.
    Por defecto en el texto que enlaza a los comentarios me aparece:
    “0 Comments y 0 Reactions”
    Yo lo quiero sustituir por otro texto cómo por ejemplo:
    ” Comentarios”

    La verdad parece fácil, mira que código HTML tengo:

    [div style="float:left; background:white; padding: 2px 3px;"]
    Tags:
    {block:Tags}
    [a href="{TagURL}"]{Tag}[/a]
    {/block:Tags}[a class ="dsq-comment-count" href="{Permalink}#disqus_thread"]Comentarios[/a]
    [/div]

    Pues la verdad se supone que debería de aparecer Comentarios; pues ese texto no aparece. He intentado buscar referencias a 0 Comments y 0 Reactions en el código y no hay rastro.

    He intentado cambiar algo en la web de Disqus y nada de nada. ¿Alguna ayuda?

  30. McVicious Says:

    Hola, pues estuve viendo sobre lo que me preguntas y lo encontre:

    Entra a Disqus, luego nos vamos a Settings, estando ahi le damos click a Customize y luego a Appearance, ahi esta Comment Count Link y Reaction Count Link, ahi podras cambiar el texto que mencionas.

    Espero que esto te sirva, saludos, gracias por comentar y espero verte más seguido por acá :D

  31. demenphia Says:

    @McVicious: Pues estabas en lo cierto, he podido cambiarlo :) Muchísimas gracias, espero que alguna otra persona también le sirva de ayuda.
    Por supuesto que pasaré más veces por aquí :-)

  32. zaDk Villalba Says:

    Hey gracias, me ha servido de mucho tu post !!!

  33. eliza Says:

    muy bueno

  34. Miguel Says:

    Yo tengo el problema que cuando entro costomize en tumblr no me sale la opción: Use Custom HTML.

    Me aparecen todas las opciones de theme y nada más.

    Saludos,

  35. McVicious Says:

    Hola Miguel, tal vez el tema que has escogido no se pueda modificar, otro detalle es que te fijes por si el tema te pueda permitir agregar Disqus directamente, sin necesidad de agregar el HTML.

  36. andrea Says:

    buenismo el aporte gracias Mcvicious.

  37. barker Says:

    Gracias!!! googleando encontre tu post. :D , tenia una web que rentaba por ella y a puro código, pero ahora es mejor trabajar en blogs, para que tratar de reinventar la rueda si ya esta ech.a

  38. shisele23q Says:

    Muchas gracias, fue muy util el tutorial y funciono muy bien :)

  39. sophitial Says:

    Hola!

    Muchísimas gracias por tu post, ha sido REALMENTE una salvación.

    Y quisiera saber si hay alguna manera de que se puedan hacer comentarios… pero no es cada uno de los posts, sino en la página en general (a lado del profile o algo similar).
    También, si hay alguna manera en que puedo hacer que los comentarios se vean abajo cuando es una “page” en vez de un “post”? por que tengo ese problema, que en los post sale bien, y en las páginas que he creado sale hasta arriba.

    Muchas gracias! Espero tu respuesta.

  40. McVicious Says:

    Si sale arriba, significa que tienes que buscar en el código donde cierra exactamente el contenido de la página, dejame revisar eso y te respondo, igual para colocar los comments en el sidebar (barra lateral).

    Saludos y que bueno que te haya servido el post ;)

  41. sirope Says:

    hola, yo puedo comentar.. pero no me pueden comentar :/

  42. Jess Says:

    Hola!! muchas gracias por el tutorial yo quisiera saber algo quiza muy sencillo pero yo no se como :/ poniendo un ejemplo.. Yo quiero poner una publicacion en mi tumblr en la que solo quiero un gif que es una imagen en movimiento ¿como hago para poner esa animacion? disculpa mi ignorancia soy un poco novata y e buscando tutoriales y no encuentro otra duda si logro poner esa publicación y otra persona pone otra animación abajo como haria esa persona para colocarla? hay que subirla algun servido? por favor agradeceria mucho vuestra ayuda!

  43. Paulo Says:

    gracias! todo perfecto, salvo que no se ve muy lindo el “comments” xD

  44. Javy Says:

    Gracias Amigo me fue de mucha utilidad y muy sencillo por cierto

  45. Engelocity Says:

    Me fue sencillo, además en DISQUS te lo explican también y hasta un poco más fácil :)

  46. nekodulce Says:

    hola ya hice todo como dijiste pero la casilla de los comentarios me queda arriba de todo ¿es normal?

  47. McVicious Says:

    Hola nekodulce, por lo que me cuentas, no lo pusiste en donde se debería poner… tiene que ir después de [/block:post] para que salga después del contenido del post.

    Me cuentas que tal te va.

    Saludos!

  48. Omar Says:

    Hola! me ayudó mucho tu post; sin embargo, quisiera saber si hay alguna forma de achicar la casilla de comentarios, ya que esta ocupa todo el largo de la pantalla y no se ve muy bien. He buscado algún setting dentro de mi cuenta de Disqus pero no encuentro otro más que el de longitud del comentario (que supongo se refiere a número de palabras).

    Muchas gracias

  49. Ana Says:

    Hola, gracias por tu post. Hago todo tal cual como lo recomiendas y como aparece en la página de Disqus, pero no me aparece en mi blog la opción de dar comentarios. No sé qué pasa. Podrías ayudarme?

  50. Eduardo Says:

    Sigue vivo o activo este post? quiero preguntar si después de modificar el codigo y agregar el Disqus, puedo de la misma forma eliminarlo y tener la configuración anterior??

    saludos! ojala alguien me pueda ayudar :D

  51. McVicious Says:

    Hola, claro… de la misma manera como se coloca, también lo puedes retirar sin problemas.

    Saludos y gracias por comentar ;)

  52. Patry Says:

    Tengo una pregunta, cuando twitteo algo desde mi Blackberry, ese mismo tweet se me publica en tumblr y no quiero que aparezca, como hago para que nunca mis tweets se vayan a tumblr?
    Gracias :)

  53. McVicious Says:

    Hola Patry, para desactivar esa opción tienes que acceder a este link https://www.tumblr.com/settings y ahí borras cualquier cosa que diga twitter (incluido aplicaciones) y listo.

    Saludos y gracias por comentar

  54. Armando Verbel Duque Says:

    Me sirvió de mucho el tutorial, excelente…

  55. Rocío Says:

    Muchas gracias!!

    No se nada de HTML pero tu explicación estaba perfect, me resultó enseguida =)

    Saludos!

  56. Isaac Says:

    para comentar, uno se tiene que registrar o dar su correo electrónico verdad??

  57. McVicious Says:

    Hola Isaac, para comentar tienes la opción de registrarte o realizarlo como siempre se hace (colocando tus datos, correo y web) y el comentario

  58. Alejandra Says:

    Hey! hay algo que np entiendo: te sale {/block:Posts} y tu pones el html que te da la pág. disqus después de eso o antes de eso? gracias :)

  59. McVicious Says:

    Hola Alejandra, el codigo de Disqus se coloca después de {/block:Posts}

    Saludos y gracias por comentar

  60. Smiles Says:

    Necesito ayuda no me aparece la opcion “USE CUSTOM HTML” no me permite bajar mas, no la muestra y haci ya no puedo cambiar nada.Agradeceria tu respuesta;Gracias.

  61. Martín Says:

    Debo admitir que me dió miedo modificar el código HTML pero lo hice correctamente y me funcionó. Muchas gracias,amigo

  62. camilo Says:

    gracias!!! lo necesitaba para mi tuebmermeblre

2 Trackbacks For This Post

  1. Tweets that mention Como permitir comentarios en Tumblr | La Vida En Internet -- Topsy.com Says:

    [...] This post was mentioned on Twitter by Martín Hidalgo, McVicious Moya. McVicious Moya said: En vista de que ahora varios estan conociendo tumblr y quisieran tener comentarios, aca les dejo un tutorial: http://is.gd/6aLSm [...]

  2. Tumblr presenta nuevas funcionalidades | La Vida En Internet Says:

    [...] En Tumblr por fin se acordaron que hay personas que también quieren opinar, para esto colocaron la sección Community, desde la cual podremos autorizar que los lectores de nuestros post puedan dejar comentarios, cabe indicar que esta funcionalidad esta en Beta. También no se olviden que hace tiempo escribi un tutorial para poder dejar comentarios mediante Disqus. [...]

Leave a Reply



Advertise Here