PucelaBits / websegura

Analizamos y mostramos seguridad HTTPS de sitios web públicos, como medida para visualizar aquellos que pueden suponer un riesgo para sus usuarios.
https://websegura.pucelabits.org/
GNU Affero General Public License v3.0
29 stars 34 forks source link

Mejorar el engagement en twitter #52

Open nukeador opened 3 years ago

nukeador commented 3 years ago

¿Está relacionado con un problema? Por favor detallalo. Creo que sería importante para mejorar el engagement que los visitantes y que más gente diera a compartir en twitter, ya que es la única forma de visualizar el problema. Actualmente menos del 5% lo hace.

imagen

Describe la solución que te gustaría ver

Desconozco si el API de twitter permite mucha magia, pero bajar un json con los tuits nos permitiría decir algo como:

Tuitear (7)

25 personas están exigiendo una mejora [avatar] [avatar] [avatar] [avatar] [avatar] [avatar] ¡ÚNETE!

Describe las alternativas posible Mostrar todos los tuits con el usuario +#websegura en la parte lateral del detalle de una web.

nukeador commented 3 years ago

Otras plataformas que hacen algo parecido con las "firmas"

imagen

nukeador commented 3 years ago

Otra idea: mostrar el % de webs inseguras de una provicia y mostrar 2 o 3 que queremos que la gente se enfoque en tuitear

Valladolid tiene un 1% de webs seguras, ¡ayudanos a subir este porcentaje tuiteando a los siguientes organismos! [barrita de progreso] Sitio1 - Tuitear Sitio2 - Tuitear Sitio3 - Tuitear

nukeador commented 3 years ago

Otro ejemplo/idea para llamar la atención de la gente.

imagen

Al dar ayudar te mostraría los enlaces para tuitear directamente a los 3-4 que queramos hacer foco.

nukeador commented 3 years ago

Una primera aproximación se ha implementado

image

fcoterroba commented 3 years ago

¿Está relacionado con un problema? Por favor detallalo. Creo que sería importante para mejorar el engagement que los visitantes y que más gente diera a compartir en twitter, ya que es la única forma de visualizar el problema. Actualmente menos del 5% lo hace.

imagen

Describe la solución que te gustaría ver

* En la página de detalle de una web, podríamos tener un contador de cuantos tuits con el usuario +#websegura se han publicado. De esta forma animaría a más gente a unirse o si es cero, a empezar la campaña en redes.

* En las tablas generales un CTA más destacado para que la gente sepa que la meta es compartir en twitter, ¿quizá mostrando un minicontador numérico al lado de cada botón con cuantos tuits hay?

Desconozco si el API de twitter permite mucha magia, pero bajar un json con los tuits nos permitiría decir algo como:

Tuitear (7)

25 personas están exigiendo una mejora [avatar] [avatar] [avatar] [avatar] [avatar] [avatar] ¡ÚNETE!

Describe las alternativas posible Mostrar todos los tuits con el usuario +#websegura en la parte lateral del detalle de una web.

Creo que se puede hacer algo chulo en Python, y como dicen por ahí, "Si puedes imaginarlo, puedes programarlo" Indistintamente del lenguaje, jajajaja En resumen, asignámelo, si quieres y vemos qué hacer!

nukeador commented 3 years ago

Genial @fcoterroba aunque supongo que al final tendríamos que pasarlo a js como el resto de la web para no añadir más dependencias. @adrm @palmerabollo ¿mejor no?

La idea es consultar el API y guardarlo en un json local en _data/ que luego podemos usar desde el framework.

adrm commented 3 years ago

Sí, sería ideal mantener todo con un solo lenguaje, simplifica bastante el proyecto. El problema que veo aquí es la gestión de las claves de la API de twitter si lo tenemos todo público, pero seguro que hay alguna solución para mantener las claves privadas en otro repo o algo así y que se puedan usar desde las github actions de este repo.

nukeador commented 3 years ago

se puede tener repo privado que solo tire las consultas a twitter y desde este hacer checkout solo de los datos?

palmerabollo commented 3 years ago

Las github actions permiten configurar "secretos" (p.e. claves de la api de twitter) que no son públicas, sólo son visibles a quienes administran el repositorio y se referencian en los workflows como ${{ secrets.LO_QUE_SEA }}. Ese no sería un gran problema.

palmerabollo commented 3 years ago

Tiene pinta de ser bastante complicado, pero estaría interesante sacar las respuestas oficiales de "estamos arreglándolo", etc (ejemplos https://twitter.com/EMTmadrid/status/1360144592562176003 y https://twitter.com/AuvasaVLL/status/1360128570870358016)

nukeador commented 3 years ago

@fcoterroba Se que estabas con esto. ¿Necesitas ayuda de algún tipo? ¿Hasta dónde podemos sacar del API?

palmerabollo commented 3 years ago

Por si hace falta ayuda, este sería el punto de entrada al API, que permite buscar por hashtag @websegura https://developer.twitter.com/en/docs/twitter-api/tweets/search/quick-start/recent-search.

Cualquiera de estas libs recubren el API y se integrarían bien con lo que tenemos ya montado en nodejs con eleventy y el crawler:

Para usarlas hace falta crear una app de twitter y usar el consumer_key y consumer_secret que dan (la parte más tediosa, el api v2 creo aún está en "beta", nos vale el v1).

adrm commented 3 years ago

Reabro que me da la impresión de que esto se cerró automáticamente por error.

palmerabollo commented 3 years ago

Sí, fue por error, gracias por reabrirla. Te he citado en #186 @adrm , está a punto de caramelo, sólo quedaría enganchar en eleventy.js que lea el _data/twitter/summary.json y lo meta en el _data/all.json con el resto de info.

nukeador commented 3 years ago

Alguna idea más sobre cómo mostrar las metas de tuits, en un bloque para la página de detalle (donde tenemos ahora lo de tuitear)

imagen

El texto podría decir algo como "Consigamos la siguiente meta de tuits" o algo así

adrm commented 3 years ago

El change.org de la seguridad web, me encanta jajaja

palmerabollo commented 3 years ago

Hola. Yo veo bien probar el bloque en la pantalla de detalle (no sé si tenemos datos de cuánta gente llega a esa pantalla), y probar si tiene efecto. Podría haber varias categorías (1er tweet, 1-5 tweets, 6-10 ...) con nombres, para ir incentivando ser el primero, llegar a 5, llegar a 10... Esta semana no voy a tener mucho tiempo, y de desarrollo web me quedé un poco en los 90, a ver si alguien se anima.