Navegación por las tarjetas

En esta página, se presenta la función de navegación por tarjetas de AI Commerce Search.

¿Por qué usar tarjetas?

Como representación visual de los pares de valores de atributos, las tarjetas son una forma diferente de presentar la misma información que las facetas dinámicas, ya que muestran solo los atributos con los que se interactúa con mayor frecuencia para una búsqueda en particular, independientemente de las familias de facetas dinámicas que no siempre son intuitivas para el comprador. El objetivo es aumentar el uso de los filtros, lo que, a su vez, incrementa los ingresos por usuario. La navegación por tarjetas hace que el uso de filtros en las búsquedas con encabezado sólido sea más pertinente, lo que facilita una predicción de ingresos más precisa (a través de la regresión).

La navegación por tarjetas funciona como parte del paquete de Búsqueda guiada, lo que beneficia al cliente, ya que limita las búsquedas de los usuarios más rápido y con mayor relevancia para el usuario final. La función de navegación por tarjetas se diseñó para resolver el problema de espacio de las facetas dinámicas y permitir que el usuario encuentre más rápido lo que probablemente sea más relevante para él. La navegación por tarjetas también evita que el comprador tenga que buscar entre todas las familias de facetas en un panel de navegación izquierdo o derecho para encontrar exactamente el producto que busca antes de tener que confirmar su selección de búsqueda acotada con un segundo clic en un botón de envío.

La navegación por tarjetas complementa las facetas dinámicas

Las facetas dinámicas se proporcionan en la consola de AI Commerce Search en Gemini Enterprise for Customer Experience cuando se sube el catálogo de productos. Son filtros que reducen las consultas cambiando el orden de los filtros que se muestran para que los filtros correctos estén en la parte superior y la búsqueda devuelva resultados más relevantes con cada turno de búsqueda.

Las facetas dinámicas ordenan familias de filtros, como Estilo, Manga para una búsqueda de vestido para minoristas de moda, o Volumen, Variedad o Envase para leche para minoristas de comestibles. A menudo, estas familias de facetas dinámicas se organizan de una manera que no siempre es intuitiva para el usuario. Además, un panel desplegable para la selección dinámica de facetas ocupa mucho espacio en el sitio del producto y tampoco siempre es apto para dispositivos móviles.

Por lo tanto, surgió la necesidad de reducir el espacio en los sitios web de productos y aumentar los ingresos por usuario por conversión de búsqueda.

¿Cómo funcionan las tarjetas?

La navegación por tarjetas lleva al usuario a una búsqueda más específica con mayor rapidez para aumentar la participación en la búsqueda y los ingresos por búsqueda. Las tarjetas se pueden mostrar horizontalmente en el sitio del producto, independientemente de las familias de facetas. La función de tarjetas controla los filtros de búsqueda de tal manera que coloca los filtros más probables de forma individual en la parte superior de la página, lo que separa los resultados de búsqueda de sus familias de facetas dinámicas para proporcionar una visualización inmediata. De esta manera, la navegación por tarjetas ofrece a los usuarios una disposición más accesible del contenido de las facetas dinámicas.

Recorrido del comprador

Cuando un comprador realiza una búsqueda en el sitio web de un comercio con la navegación por tarjetas habilitada, verá hasta 20 tarjetas que muestran valores de filtro individuales con los que es más probable que interactúe. Estas tarjetas se ordenan según la probabilidad de uso, independientemente de la familia de atributos del producto. Cada tarjeta puede incluir una imagen que represente un producto típico con el filtro aplicado. Si un cliente hace clic en una tarjeta, se considera que se aplicó el par faceta-valor correspondiente. De esta manera, se actualiza la lista de productos para que coincida con la búsqueda y el filtro, y se muestra la faceta aplicada. Además, las tarjetas que se muestran se actualizan para reflejar la nueva tasa de participación esperada, sin incluir los filtros que ya se aplicaron.

Recorrido del comercio

El comercio envía una consulta a AI Commerce Search y recibe una respuesta estándar que incluye una lista ordenada de valores de tarjetas clasificados en familias de atributos de productos y una forma de generar una imagen de tarjeta. Luego, el comercio renderiza las tarjetas con o sin imágenes. Si un cliente potencial hace clic en una tarjeta o en un valor de faceta, el comercio envía una nueva búsqueda a Google con el filtro correspondiente a la tarjeta o faceta agregado al campo de filtro. El sitio del comercio también envía a Google un evento para la segunda búsqueda con el filtro agregado. La respuesta de la Búsqueda de comercio potenciada por IA, la búsqueda enviada a Google y los eventos enviados a Google son los mismos para "el usuario hizo clic en el filtro" y "el usuario hizo clic en la tarjeta".

Filtros que se muestran en mosaicos

Los filtros pueden ser aptos para la visualización en mosaico según las preferencias que los minoristas pueden establecer en la consola de AI Commerce Search en Gemini Enterprise for Customer Experience o en la API de AI Commerce Search para el contenido, los recuentos de productos y las consultas cuantitativas relacionadas.

En función del contenido

No se pueden haber aplicado filtros en una búsqueda anterior.
Solo se muestran las tarjetas que corresponden a los valores de los atributos del catálogo marcados como facetables de forma dinámica.
El resultado de la búsqueda (la respuesta de la Búsqueda de comercio electrónico con IA) debe incluir al menos un producto.
No se muestran mosaicos correspondientes a filtros del sistema, como "instock = yes" o "available for sale = yes".
Las tarjetas se ordenan según la probabilidad de participación.

Según la cantidad de productos

¿Qué sucede si hay menos de 20 tarjetas clasificables?
- Si hay entre 2 y 19, devuelve la mayor cantidad de tarjetas posible.
- Si hay menos de 2 tarjetas disponibles, no se mostrarán tarjetas.
Si hay más de 20 tarjetas clasificables, se devuelven las 20 principales según la probabilidad de participación.

Basado en búsquedas cuantitativas

Las tarjetas admiten valores "categóricos" (color = rojo) y numéricos (peso = "1 lb - 2 lb").
Agrupación de mosaicos numéricos:
- Se respeta el agrupamiento configurado con controles para atributos específicos. Por ejemplo, si una faceta se agrupa manualmente en intervalos de 0 a 1, de 1 a 3 y de 3 a 6 lb, esos buckets se usan en las tarjetas. Puedes encontrar más detalles en Controles dinámicos de facetas y tarjetas.
- Si una faceta se agrupa automáticamente, se deben usar los mismos buckets en las tarjetas.

¿Navegación por mosaicos en la API de AI Commerce Search?

No hay una nueva API para la función de tarjetas. Sin embargo, se agregaron campos nuevos a la API principal (de consulta) de Vertex AI existente.

Solicita tileNavigationSpec

Consulta

{
  "tile_navigation_requested": boolean,
  "applied_tiles": repeated
}

Campos (solicitud)
`tile_navigation_requested`	Este campo booleano especifica si el cliente desea solicitar la navegación por tarjetas.
`applied_tiles`	Este campo repetido especifica las tarjetas en las que ya se hizo clic.

Primero, configura el campo tileNavigationSpec. Llama al objeto productAttributeValue que contiene el nombre y el valor del atributo, como name=color y value=red. Deja todos los demás campos sin modificar.

Response tileNavigationResult

Luego, la API devuelve hasta 20 tarjetas en el campo tileNavigationResult, ordenadas según la probabilidad de uso. La respuesta muestra las tarjetas según los valores de sus atributos y una imagen representativa correspondiente:

Respuesta

...
  "tileNavigationResult": {
    "tiles": [
      {
        "productAttributeValue": {
          "name": "sizes",
          "value": "large"
        },
        "representativeProductId": "xxxx"
      },
      {
        "productAttributeValue": {
          "name": "attributes.weight",
          "value": "light"
        },
        "representativeProductId": "xxxx"
      },
      {
        "productAttributeValue": {
          "name": "colors",
          "value": "black"
        },
        "representativeProductId": "xxxx"
      }
    ]
  }
  ...

Campos (respuesta)
`tiles`	Este campo repetido controla las tarjetas que se muestran al usuario en el cliente. El campo contiene una lista de tarjetas, en la que cada tarjeta es un objeto que contiene `productAttributeValue` y `representativeProductId`.

No se necesitan cambios en la API existente, y las nuevas bibliotecas cliente están disponibles en el momento de la DG y se publican en la documentación de la biblioteca pública.

Qué deben hacer los comercios minoristas con los resultados de la búsqueda de tarjetas

Mostrar tarjetas: Muestra las tarjetas devueltas en el orden proporcionado, y la primera tarjeta de la respuesta es la primera que se muestra. ProductAttributeValue es un par clave-valor que contiene el valor del atributo, de modo que sepas qué tarjetas mostrar. En las solicitudes de búsqueda posteriores, el ProductAttributeValue se debe establecer en el campo appliedTiles y también en el campo filter (p.ej., filter = "attributes.weight:ANY(\"large\")"). Luego, la respuesta tendrá productos filtrados y un nuevo conjunto de tarjetas para mostrar.
Mostrar imágenes: Para obtener estas imágenes, se puede hacer referencia al campo representativeProductId de la respuesta, que proporciona el ID de producto de un producto típico que coincide con el filtro aplicado. Luego, los minoristas buscan este ID de producto representativo y seleccionan una imagen adecuada para mostrar en la tarjeta. Es importante usar el ID de producto representativo, en lugar del ID de producto principal, para garantizar que la imagen refleje con precisión el atributo filtrado (p.ej., mostrar una variante roja para el filtro color = "red").

Configura el comportamiento de las tarjetas en la consola

La selección de tarjetas que aparecen en la pantalla de búsqueda se basa directamente en los atributos del catálogo, que, a su vez, se extraen de la información que el comercio minorista sube al catálogo de productos. Las tarjetas de candidatos son todos los valores dentro de los atributos de todos los "atributos facetables de forma dinámica" en el catálogo de productos.

Habilita las facetas dinámicas y los mosaicos

Las facetas se controlan mediante atributos del producto, que se originan en el catálogo y los eventos de usuario. La creación de facetas y mosaicos dinámicos está configurada para permitir que las búsquedas de los usuarios finales coincidan con los atributos del producto.

Para controlar qué atributos son aptos para las facetas y los mosaicos dinámicos, sigue estos pasos:

Ve a la página Controles de la consola de AI Commerce Search en Gemini Enterprise para la experiencia del cliente. Ir a la página Controles
Haz clic en la pestaña Controles de atributos > configura los controles de mosaicos.
Opcional: Para modificar los controles de atributos, haz clic en Modificar controles junto a Atributos y, luego, configura los controles de cada atributo como Verdadero o Falso.

Texto alternativo

Las columnas tercera y cuarta (Indexable y Dynamic faceting) son clave para controlar los mosaicos. Para cada fila de atributos, ambas columnas deben estar marcadas como Verdadero para que funcionen las tarjetas. Indexable permite que la Búsqueda de comercio electrónico con IA filtre los resultados según el atributo. Con la creación de facetas dinámicas habilitada, la Búsqueda de comercio con IA puede usar automáticamente un atributo como faceta dinámica en función del comportamiento anterior del usuario, como los clics y las vistas de facetas.

Para ver cómo hacerlo en la API, consulta la sección Control de mosaicos en la API.

Controles de tarjetas individuales

Los controles de facetas te permiten administrar el comportamiento de tus facetas sin cambiar tu catálogo y afectan el comportamiento de búsqueda en tu sitio.

El control Quitar facetas quita una faceta completa de los resultados de las facetas dinámicas para ciertas búsquedas. También impide que los mosaicos de miembros de esta faceta se muestren como mosaicos.

El siguiente valor de faceta value controlado con Dynamic faceting & tiling a nivel del catálogo también afecta a los mosaicos:

Ignorar valores de faceta: Suprime la aparición del mosaico y quita la faceta dinámica de los resultados de la búsqueda.
Reemplazar valores de faceta: Permite que el comercio cambie el valor de la faceta (por ejemplo, para el atributo color, cambiar navy blue a blue) para búsquedas específicas en mosaicos y facetas dinámicas.
Establece intervalos numéricos: Permite que el comercio especifique tamaños de bucket para generar una respuesta de búsqueda en un rango dinámico determinado, tanto en facetas como en tarjetas dinámicas.

Los últimos tres tipos de controles de facetas dinámicas en el menú desplegable de tipos de controles de facetas no afectan los mosaicos:

Forzar facetas de retorno
Volver a clasificar las facetas dinámicas
Combinar facetas

Para obtener más información sobre cómo controlar el comportamiento específico de los valores de facetas y los mosaicos en cada control, consulta Controles de facetas.

Control de la tarjeta en la API

En esta sección, se describe cómo controlar el comportamiento de las tarjetas en la API de AI Commerce Search.

Controles de atributos

Para la búsqueda y las recomendaciones, encontrarás la API a nivel del catálogo en el recurso de REST Resource: projects.locations.catalogs.attributesConfig. Esta API proporciona métodos para agregar, quitar y reemplazar atributos a nivel del catálogo y del producto. El campo catalogAttributes se puede asignar a indexable, apto para búsquedas y dynamicFacetable. dynamicFacetable se aplica al comportamiento de mosaico si las facetas son aptas para la organización en mosaicos.

AttributesConfig

Es la configuración del atributo a nivel del catálogo.

Campo relevante para la tarjeta
`catalogAttributes`	`map` Habilita la configuración de atributos a nivel del catálogo, que contiene información sobre si se puede buscar, si se puede aplicar filtros de forma dinámica y mucho más, asignando el nombre de un atributo a un valor, que es un objeto invocable, `CatalogAttribute`.

CatalogAttribute

El recurso attributesConfig proporciona CatalogAttribute, un objeto a nivel del catálogo. Dos de los campos de este objeto generan controles sobre qué atributos aparecen como tarjetas. Esto significa que cualquier atributo en todos los "atributos facetables" del catálogo de productos puede ser candidato para la segmentación:

Campos relevantes para la tarjeta
`DynamicFacetableOption`	Campo de control global `enum` que se debe especificar como habilitado o inhabilitado. Esto activa o desactiva las facetas dinámicas, lo que, a su vez, impulsa los mosaicos. Este se configura en Controles de atributos en la consola de Google Cloud .
`facetConfig`	Es un objeto que contiene opciones para valores de facetas individuales. Este campo es un control de faceta.

FacetConfig

Es un objeto que contiene opciones de facetas para que los valores de facetas individuales sean dinámicos y, por lo tanto, potencialmente aptos para mostrarse en mosaicos. Es un campo de la configuración CatalogAttribute a nivel del catálogo.

El objeto contiene campos ya existentes cuyo impacto ahora se extiende a las tarjetas:

Ejemplo de JSON

  "facetIntervals": [
    {
      object (Interval)
    }
  ],
  "ignoredFacetValues": [
    {
      object (IgnoredFacetValues)
    }
  ]

Campos relevantes para la tarjeta
`ignoredFacetValues`	Este campo de mensaje en `FacetConfig` contiene valores de facetas que se deben ignorar para el nombre del atributo actual durante un período determinado y solo en la faceta, sin afectar las descripciones de los productos en el catálogo.
`facetIntervals`	Esto permite que el comercio especifique tamaños de bucket para una entrada numérica. Esto debería funcionar de la misma manera para los mosaicos: si un comercio minorista establece intervalos numéricos específicos para una faceta dinámica, debería usar los mismos intervalos numéricos para los mosaicos.
`removeFacetValue`	Quita los valores de faceta para claves de faceta específicas. Estos se asignan a valores de atributos.

Consulta cómo crear estos controles individuales en la consola.