Genera acciones desde la bandeja de entrada para Gmail con JSON-LD

Este artículo no es SEO, por si quieres dejar de leer ya… si todavía te interesa, hablemos de “Actions in the Inbox” para Gmail

Hace aproximadamente un año Google anunció esta mejora para interactuar desde la bandeja de correo con Gmail. Pues bien, al hilo del post anterior, ésto se puede hacer tanto con microdatos como con JSON-LD. Como decía, JSON-ld permite marcar sitios web pero también permite implementarlo en emails con bastantes características, aunque según informa Google algunas de sus acciones aún son limitadas.

¿Qué son las “Action in the Inbox”?
Las acciones desde la bandeja son una implementación por parte de Google para poder realizar acciones con botones directamente desde la bandeja de entrada de Gmail.
Por ejemplo, se puede presentar la opción de confirmar la cancelación de un pedido, interactuar con diferentes tipos de reservas sin entrar dentro del email. ¿Aún no esta claro?

Ejemplo más practico:
Si recibes una notificación informándote que la suscripción a tu revista favorita está a punto de expirar se puede presentar un botón con la opción de renovar directamente desde la bandeja de entrada.

Las acciones pueden ser declaradas de dos maneras: como acciones “In-App” o como “Go-To” y aunque a fecha de hoy aún existen algunas que Gmail no soporta.

1.- Acciones In-App
Las Acciones “In-App” se dividen en 3 tipos:
– One-Click Action
– Review Action
– RSVP Action

actions-one-click-action

1.1 .- Acciones One-Click

Hay muchos escenarios en los que el comportamiento que se espera del usuario es para confirmar una solicitud predefinido. Por ejemplo, cuando un usuario se registra en un sitio, recibe un correo electrónico pidiéndole que confirme su registro. Del mismo modo, un sitio de recomendaciones de películas o música podría llevar a un usuario para agregar elementos a una cola para disfrutar más tarde.

Dentro de las acciones On-Click, disponemos de 2 funciones “Confirm Action” y “Save Action”

 
1.1.1 .- Confirm Action
La acción de confirmación nos permite agregar un botón de confirmación para que los usuarios puedan aprobar, confirmar y reconocer algo. Una vez que el usuario hace clic en el botón, ésto envía una petición http que permite actualizar nuestra base de datos, similar a como funcionan los TPV virtuales, para registrar la confirmación.
Ejemplo:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "action": {
    "@type": "ConfirmAction",
    "name": "Approve Expense",
    "handler": {
      "@type": "HttpActionHandler",
      "url": "https://mitiendavirtual.com/aprobar.php?IdPedido=abc123"
    }
  },
  "description": "Confirmación del pedido abc123 por parte del cliente a través de JSON-LD"
}
</script>

1.1.2 .- Save Action
SaveAction se puede utilizar para implementar interacciones como ofertas, cupones o añadir una canción a una lista de reproducción.
Ejemplo:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "action": {
    "@type": "SaveAction",
    "name": "Save Offer",
    "handler": {
      "@type": "HttpActionHandler",
      "url": "https://offers-everywhere.com/save?offerId=xyz789"
    }
  },
  "description": "$5 meal at Joe's Diner"
}
</script>

1.2 .- Review Action
actions-review-action
Esta acción permite hacer reviews de películas, restaurantes y cualquier otro tipo de producto o servicio, la novedad reside en que se puede hacer desde la bandeja de entrada. Gmail permite recoger una calificación numérica y / o una revisión textual del usuario y enviarla a un tercero. Se puede personalizar la escala de calificación (por ejemplo, de 1 a 5 estrellas), y si se requiere o no un comentario.

 

Ejemplo:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "action": {
    "@type": "ReviewAction",
    "review": {
      "@type": "Review",
      "itemReviewed": {
        "@type": "FoodEstablishment",
        "name": "Joe's Diner"
      },
      "reviewRating": {
        "@type": "Rating",
        "bestRating": "5",
        "worstRating": "1"
      }
    },
    "handler": {
      "@type": "HttpActionHandler",
      "url": "http://reviews.com/review?id=123",
      "requiredProperty": {
        "@type": "Property",
        "name": "review.reviewRating.ratingValue"
      },
      "method": "http://schema.org/HttpRequestMethod/POST"
    }
  },
  "description": "We hope you enjoyed your meal at Joe's Diner. Please rate your experience."
}
</script>

actions-rsvp-action1.3 .- Rsvp Action

Este tipo de acciones en “App-In” aun se encuentra en desarrollo y no esta soportadas por Gmail en estos momentos, pero se puede decir que “están trabajando en ello”.

Con RSVP action Gmail mostrará un cuadro con la información de un evento junto al asunto correo electrónico, incluidos los botones de asistencia para poder responder y confirmar o no nuestra asistencia.

 
Ejemplo:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Event",
  "name": "Taco Night",
  "startDate": "2015-04-18T15:30:00Z",
  "endDate": "2015-04-18T16:30:00Z",
  "location": {
    "@type": "Place",
    "address": {
      "@type": "PostalAddress",
      "name": "Google",
      "streetAddress": "24 Willie Mays Plaza",
      "addressLocality": "San Francisco",
      "addressRegion": "CA",
      "postalCode": "94107",
      "addressCountry": "USA"
    }
  },
  "action": [
    {
      "@type": "RsvpAction",
      "handler": {
        "@type": "HttpActionHandler",
        "url": "http://mysite.com/rsvp?eventId=123&value=yes"
      },
      "attendance": "http://schema.org/RsvpAttendance/Yes"
    },
    {
      "@type": "RsvpAction",
      "handler": {
        "@type": "HttpActionHandler",
        "url": "http://mysite.com/rsvp?eventId=123&value=no"
      },
      "attendance": "http://schema.org/RsvpAttendance/No"
    },
    {
      "@type": "RsvpAction",
      "handler": {
        "@type": "HttpActionHandler",
        "url": "http://mysite.com/rsvp?eventId=123&value=maybe"
      },
      "attendance": "http://schema.org/RsvpAttendance/Maybe"
    }
  ]
}
</script>



2.- Acciones Go-To
Las acciones “Go-To” son útiles para interacciones más complejas, Go-To se puede utilizar para proporcionar un enlace directo una página en la que se puede realizar la acción concreta (por ejemplo un check-in). Gmail colocará un botón en el correo electrónico en la línea de asunto. Al hacer clic en el botón redirige al usuario a la página especificada por la definición de la acción.

actions-go-to-actionGo-To se deben utilizar para las acciones que requieren varios pasos y la captura de esos datos que no se pueden realizar desde la bandeja de entrada. Por ejemplo, una aerolínea quiere enviar un recordatorio de check-in se puede agregar una acción Go-To llevar rápidamente al usuario a la web para seleccionar un asiento.
En estos momentos las acciones GO-TO cuentan con 2 funciones diferentes:
– View Action
– Track Action
 

2.1 .- View Action se puede utilizar siempre que necesitemos enviar al usuario a realizar una acción en nuestro sitio web, como por ejemplo visualizar un video.

 
Ejemplo:

<script type="application/ld+json">// <![CDATA[
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "action": {
    "@type": "ViewAction",
    "url": "https://watch-movies.com/watch?movieId=abc123",
    "name": "Watch movie"
  },
  "description": "Watch the 'Avengers' movie online"
}
// ]]></script>

2.2 .- Track Action en su caso, permite insertar un botón en el email para que usuario pueda trackear un pedido, introduciendo en los datos en JSON-LD la URL del tracking del pedido del cliente.

 
Ejemplo:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "ParcelDelivery",
  "deliveryAddress": {
    "@type": "PostalAddress",
    "streetAddress": "24 Willie Mays Plaza",
    "addressLocality": "San Francisco",
    "addressRegion": "CA",
    "addressCountry": "US",
    "postalCode": "94107"
  },
  "expectedArrivalUntil": "2013-03-12T12:00:00-08:00",
  "carrier": {
    "@type": "Organization",
    "name": "FedEx"
  },
  "itemShipped": {
    "@type": "Product",
    "name": "iPod Mini"
  },
  "partOfOrder": {
    "@type": "Order",
    "orderNumber": "176057",
    "merchant": {
      "@type": "Organization",
      "name": "Bob Dole"
    }
  },
  "trackingUrl": "http://fedex.com/track/1234567890"
}
</script>



Google está trabajando junto con la comunidad de Schema.org en implementar algunas acciones más como microdatos de reservas dentro de un email para mostrar los datos de la reserva de una forma que permita interactuar con ella. Como adelanta el documento del W3C y tal y como yo lo interpreto es algo que abre muchas posibilidades especialmente en el sector de travel y como una ventaja evidente para el usuario.

Hasta aquí la primera parte de lo que podemos realizar con JSON-LD y Gmail, queda pendiente un segundo post…

Toda la información ampliada y detallada acerca de “Actions in the Inbox” la puedes encontrar en la documentación de Google.

  • Antonio Van Look

    Hola Pedro, este tipo de marcado es válido para otros servicios de correo electrónico como: yahoo, outlook, hotmail… Saludos ;)

  • Master Marketing Latin America

    Muy útil! Crees que esta implementación pueda afectar tu llegada a la bandeja de entrada y seas enviado a la carpeta de promociones? Sobre todo cuando se trata de envíos masivos de e-mail marketing para la invitación a un evento por ejemplo…

    Gracias!