De nuevo: Cómo insertar Twitter en tu web y amoldarlo a tu diseño

Aviso para navegantes:

Esta entrada del blog es antigua. La información que recoge este artículo está obsoleta. Hay una versión más reciente de cómo insertar tuits o cronologías de Twitter en tu web en este mismo rincón para escribir.

Aprovechando los recursos que Twitter pone a nuestra disposición (y un poquito más), vamos a ver cómo insertar un timeline de esta red social en una página web.

Nuestro punto de partida: crear un nuevo widget de Twitter, al que se llega logandose en la web > Icono del engranaje > Configuración > Widgets > Crear nuevo

Cómo llegar a la página de creación de widgets en Twitter
Pasos para llegar a la página de creación de widgets en Twitter

Aquí veremos las opciones básicas para sacar un código HTML que deberemos insertar en la parte de la web en la que queramos que aparezcan estos tuits. Tuits que pueden ser los de tu timeline, tus favoritos, una lista, una búsqueda… Tampoco es que esta parte tenga mucho misterio (y hay tutoriales al respecto esparcidos por la red como para aburrir).

Ahora bien, ¿qué pasa si queremos una mayor personalización del widget que nos proporciona Twitter? Cuando vas un paso más allá el tema empieza a complicarse, pero esta vez sin sudores fríos, pues bastará con saber que tenemos que acudir a la documentación que la compañía pone a disposición de los desarrolladores Twitter for Websites (en inglés, como de costumbre y actualizado en noviembre de 2017 porque el otro enlace ha desaparecido) y leerla… o seguir leyendo esta entrada en español :P

Personalización

Anoto por aquí algunos de los parámetros que considero más útiles para sumar al código previamente conseguido:

Anchura: width

Medida en pixeles, aunque NO hace falta especificar la unidad pues está implícita en el código de Twitter, por lo tanto, en lugar de escribir, por ejemplo, 300px como habitualmente haríamos en un código HTML, simplemente especificamos width="300"

Pie y encabezado: data-chrome

  • noheader: Su uso elimina el encabezado del widget, donde suele sugerir que se siga al usuario o donde se muestra el logo de Twitter.
  • nofooter: Lo mismo para el pie. Esta propiedad se puede aplicar a los widgets de timeline de usuario o de búsqueda para eliminar la caja de texto de la parte inferior que permite tuitear directamente. En los casos de favoritos y listas no tiene sentido ya que éstas carecen de pie.
  • noborders: Elimina todos los bordes del widget, los externos y los que separan cada tuit.
Elementos principales del widget de Twitter
Vista aclaratoria de algunos de los elementos del widget de Twitter que pueden ser eliminados
  • noscrollbar: Oculta la barra de desplazamiento vertical, en caso de que la hubiera, impidiendo que se vean más tuits de los que quepan en la altura especificada para el widget. Por defecto Twitter cargará los 20 últimos tuits del usuario/búsqueda/loquesea y si quitamos el scroll y fijamos la altura en 500px, estaremos cargando más tuits de los que puedan llegarse a leer. Quizá antes de especificar una altura fija y eliminar la barra de desplazamiento nos convenga limitar el número de tuits mostrados (ver información un poco más abajo).
  • transparent: Anula el color de fondo del widget, dejándolo transparente, de forma que si lo colocamos sobre una textura u otro color en tu web, será ese el que se muestre en lugar del blanco/negro de los temas por defecto del widget.

Sabido esto, si queremos que, por ejemplo, nuestro recuadro de tuits no tenga cabecera, ni pie, ni bordes, ni fondo, escribiremos: data-chrome="noheader nofooter noborders transparent"

Color del borde: data-border-color

Si en lugar de eliminar los bordes, lo que queremos es que se adecuen a los colores de nuestra web, podremos utilizar esta propiedad como en el ejemplo, sustituyendo la referencia de color por la que deseemos: data-border-color="#cc0000"

Número de tuits mostrados: data-tweet-limit

Como comentaba más arriba, siempre que no se especifique lo contrario, Twitter cargará los últimos 20 tuits del timeline elegido. Para variar esta cantidad, podremos usar el límite de tuits especificando desde un mínimo de 1 a un máximo de 20. Para mostrar sólo 5: data-tweet-limit="5"

Continuar leyendo «De nuevo: Cómo insertar Twitter en tu web y amoldarlo a tu diseño»

ZeroApp se actualiza: Multiconferencia y llamadas gratis a cambio de anuncios y tus datos

Imagen que ilustra algunas de las opiniones sobre esta app en Google Play

Ya comenté la vez anterior que el uso de este tipo de aplicaciones (léase, aplicaciones de mensajería que aparentemente no piden mucho a cambio, ej: WhatsApp, Viber, Line, Telegram) tiene un fuerte componente de confianza o despreocupación: te fías, las instalas; no te fías, no lo haces; o bien, te importe o no, como todos las usan, tú te subes al carro.

Si eres del último grupo, espero que ya estés disfrutando de las bondades de esta aplicación, pero si eres de los indecisos, deberías tener en cuenta, en el caso de ZeroApp, de lo bonito a lo menos bonito:

Captura de imagen ilustrativa del funcionamiento de la aplicación ZeroApp
Minutos extra para hablar gratuitamente si tus amigos se unen

La idea original partía de permitir hablar gratuitamente durante 2 minutos a los usuarios de la aplicación si estos, antes de poder entablar la conversación, escuchan un anuncio publicitario.

En un principio ZeroApp sólo funcionaba en territorio español pero actualmente (a día de publicación de esta entrada) incluye también Francia y Portugal.

Ahora esta aplicación se actualiza regalando 1 minuto gratis más al día por cada amigo recomendado (hasta un tope de 7), por lo que un usuario puede llegar a disfrutar de 15 minutos diarios para llamadas a través de ZeroApp (15×30… unos 450 minutos al mes).

También ofrece la posibilidad de realizar llamadas (gratis, que es de lo que se trata) en multiconferencia de hasta 8 personas durante 4 minutos pero únicamente entre usuarios ZeroApp.

Se piden datos personales (aunque… qué app no lo hace hoy en día). A saber: […] registro de llamadas, información del terminal como el imei y el iccid, su ubicación y posición actual (posiciones gps) o cualquier otro dato que Zeroapp, S.A. considere oportuno a fin de conocer mejor la conducta de nuestros usuarios y mejorar nuestros productos, servicios y anuncios publicitarios, con fines comerciales […] Condiciones del servicio punto 3.1.1.

Datos que podrán ser cedidos a terceros: […] autoriza que sus datos puedan ser cedidos y comunicados a empresas prestadoras de servicios con la finalidad de que Ud. reciba ofertas de los sectores señalados. Igualmente puede recibir ofertas comerciales de Zeroapp, S.A. u otras empresas […] Condiciones del servicio punto 3.1.1, así como puntos 3.1.3 y 3.1.4 que vienen a reiterar lo dicho en este párrafo previo.
Continuar leyendo «ZeroApp se actualiza: Multiconferencia y llamadas gratis a cambio de anuncios y tus datos»

ZeroApp, cuando las llamadas no son una cuestión de dinero sino de confianza

Tuit sobre ZeroApp

Soy una early adopter del montón y, últimamente, hasta quisquillosa. Antes por lo menos me lanzaba como una loca a instalar cualquier aplicación nueva que pareciera medianamente cool, pero de un tiempo a esta parte cierta desconfianza me hace pensar demasiado qué me descargo y qué no, a veces, me retraso el tiempo suficiente para que la moda ya no lo sea… Pasé por el aro de Telegram y, al principio, estaba yo sola (bueno, con Putin, pero sin mis contactos) pero, después de darle unas cuantas vueltas, he decidido no pasar por el de ZeroApp.

Si no la conocéis es una aplicación desarrollada sobre una idea que realmente me parece interesante: permite hacer llamadas de hasta 2 minutos -si no he leído mal- sobre la red telefónica normal y sin coste alguno, es decir, gratis (¡sí!), a cambio de que, antes de poder hablar, el interlocutor escuche un anuncio. Resumiendo: Habla gratis por teléfono con publicidad. Tiene más opciones, claro, pero ésta es la llamativa.

Entonces, ¿por qué no he corrido a instalarla? Pues por una parte porque estoy bastante harta de la publicidad y soy de las que paga por que las aplicaciones no molesten, pero, por otro lado, por lo que comentaba: Últimamente estoy recelosa y me da por leer los comentarios de los artículos (como los de El Androide Libre o los de los usuarios de Xataka) que empiezan a decir que si cedes datos a cambio del servicio, que si vendes tu alma…

Tuit sobre ZeroApp
Tuit que dio pie a la conversación

Como igualmente, la idea me sigue pareciendo interesante, comparto por Twitter y ¡sorpresa! el responsable de la comunicación de ZeroApp en esa red social, me insta a probarla y me corrige en mis temores sobre la cesión de datos.

Por alguna extraña razón, de la que culparé ciegamente al nuevo diseño de Twitter -tenga o no tenga que ver, eso le pasa por feo cof, cof-, la conversación que mantuve con ZeroApp en Twitter no se muestra en un orden natural allí en la red social, si no como pensamientos inconexos (aunque no lo sean). En fin, los alineo aquí para hacerme yo una idea y por si le sirven a algún usuario interesado en conocer un poco más de esta aplicación. Continuar leyendo «ZeroApp, cuando las llamadas no son una cuestión de dinero sino de confianza»