Cómo activar el comercio electrónico estándar con Google Tag Manager (GTM) en Woocommerce

Cómo activar el comercio electrónico estándar con Google Tag Manager (GTM) en Woocommerce

tienda14¿Qué es el Comer­cio Elec­tró­ni­co Tra­di­cio­nal o Están­dar de Goo­gle Analy­tics? Goo­gle Analy­tics tie­ne una fun­cio­na­li­dad de segui­mien­to de comer­cio elec­tró­ni­co para webs con un pro­ce­so de ven­ta. Si tie­nes una tien­da digi­tal tie­nes la posi­bi­li­dad de seguir tus ven­tas y de cono­cer deta­lles sobre tus com­pra­do­res. Goo­gle ofre­ce dos ver­sio­nes, la tra­di­cio­nal o la mejo­ra­da.

¿Qué debo acti­var: comer­cio elec­tró­ni­co tra­di­cio­nal o comer­cio elec­tró­ni­co mejo­ra­do?

El comer­cio elec­tró­ni­co tra­di­cio­nal (stan­dard e‑commerce) te per­mi­te un segui­mien­to sen­ci­llo de tus ven­tas den­tro de GA. En con­cre­to, te per­mi­te com­bi­nar datos de las tran­sac­cio­nes (impor­te de ven­ta, tipo de artícu­lo, …) con infor­ma­ción pro­ve­nien­te de la ana­lí­ti­ca sobre los com­pra­do­res de tus pro­duc­tos, por ejem­plo de dón­de pro­vie­nen, es decir, ¿lle­ga­ron a tra­vés de un bus­ca­dor, de publi­ci­dad, de las redes socia­les o de otra web? Tam­bién el tipo de nave­ga­dor que usa­ron, el tipo de dis­po­si­ti­vo o el país del que pro­ce­den.

Ejem­plo: tu pro­duc­to X lo com­pran prin­ci­pal­men­te usua­rios que encuen­tran tu web en Goo­gle, que usan un móvil con IOS y que resi­den en Madrid y Bar­ce­lo­na.

Estos son unos datos de valor ines­ti­ma­ble, pues cual­quier inten­to de mejo­rar tu tien­da digi­tal pasa por cono­cer quié­nes son tus clien­tes y cómo se com­por­tan, así que acti­var el comer­cio elec­tró­ni­co de GA no es una opción, es una nece­si­dad.

¿Cuán­do usar el comer­cio elec­tró­ni­co están­dar?

El comer­cio elec­tró­ni­co están­dar se basa en detec­tar la fina­li­za­ción de un pro­ce­so de com­pra, gene­ral­men­te iden­ti­fi­can­do la pági­na de agra­de­ci­mien­to. Es útil cuan­do tie­nes un pro­ce­so de ven­ta lineal y de pocos pasos.

El comer­cio elec­tró­ni­co mejo­ra­do

Per­mi­te obte­ner mucha más infor­ma­ción que el tra­di­cio­nal:

  • Com­por­ta­mien­to del com­pra­dor antes, duran­te y des­pués de la com­pra.
  • Com­pra media, artícu­los por com­pra, etc.
  • Moni­to­ri­za­ción de afi­lia­dos.
  • Aban­do­nos de la com­pra a lo lar­go del embu­do de con­ver­sión.
  • Com­pra con cupo­nes.

Mucho más com­ple­to, pero tam­bién más com­pli­ca­do de con­fi­gu­rar y de inter­pre­tar.

Por tan­to, si eres nova­to empie­za por el tra­di­cio­nal y pasa más ade­lan­te al mejo­ra­do.

¿Cómo se acti­va el comer­cio elec­tró­ni­co tra­di­cio­nal?

Tan­to el tra­di­cio­nal como el mejo­ra­do requie­ren una ins­ta­la­ción que no es inme­dia­ta ni evi­den­te.

En este artícu­lo vamos a ana­li­zar la pues­ta en mar­cha del comer­cio elec­tró­ni­co tra­di­cio­nal con ayu­da de Goo­gle Tag Mana­ger y para el caso con­cre­to de Woo­com­mer­ce, el plu­gin más habi­tual para crear y ges­tio­nar una tien­da digi­tal en Word­Press.

Para otros tipos de tien­das digi­ta­les pue­des mirar los siguien­tes enla­ces:

http://mariogallart.com/seguimiento-comercio-electronico-google-analytics-magento/

https://imorillas.com/analytics/instalar-seguimiento-comercio-electronico-gtm/

Empe­ce­mos:

El paso más com­pli­ca­do del pro­ce­so es lograr que GA y la tien­da digi­tal se entien­dan. Para eso hay que ins­ta­lar unas líneas de códi­go. Para un pro­gra­ma­dor es tarea fácil, pero noso­tros lo vamos a hacer con un plu­gin:

  • Car­ga el plu­gin Dura­cell Tomi’s Goo­gle Tag Man­ger para Word­Press y actí­va­lo.

tiendad

  • Car­ga el plu­gin Dura­cell Tomi’s Goo­gle Tag Man­ger para Word­Press y actí­va­lo.
  • Ve a tu cuen­ta de GTM o crea una nue­va para tu web.
  • Ve a Ajus­tes y selec­cio­na Goo­gle Tag Mana­ger. Intro­du­ce el iden­ti­fi­ca­dor de GTM, que encon­tra­rás en la cabe­ce­ra de tu cuen­ta GTM.

tiendad2

tiendad3

Selec­cio­na per­so­na­li­za­do

Aho­ra ten­drás que intro­du­cir esta línea de códi­go en el archi­vo head.php:
<?php if ( function_exists( ‘gtm4wp_the_gtm_tag’ ) ) { gtm4wp_the_gtm_tag(); } ?>

Edí­ta­lo des­de el edi­tor de Word­Press o acce­de median­te ftp a la car­pe­ta The­mes de tu word­press y edí­ta­lo.

Debes pegar­la jus­to deba­jo de la eti­que­ta de aper­tu­ra <body  ..>.

Algu­nos temas como Divi te dan la opción Agre­gar códi­go al <body> des­de las Opcio­nes del Tema, así que pue­des intro­du­cir­lo ahí.

El plu­gin GTM for Word­Press Dura­cell intro­du­ce auto­má­ti­ca­men­te el códi­go de segui­mien­to de Goo­gle Analy­tics, por eso, si tenías ya ins­ta­la­do antes un códi­go de segui­mien­to de Goo­gle Analy­tics o de GTM, eli­mí­na­lo o te arries­gas a tener­lo doble.

Com­prue­ba en el Tiem­po Real de GA que tu códi­go fun­cio­na.

Aho­ra ve a la pes­ta­ña de Inte­gra­ción y mar­ca comer­cio elec­tró­ni­co tra­di­cio­nal:

tiendad4

Ve a tu cuen­ta de Goo­gle Analy­tics y acti­va el comer­cio elec­tró­ni­co des­de el Admi­nis­tra­dor.

tiendad5

Con esto que­dan lis­tos tu Word­Press  y tu cuen­ta de Goo­gle Analy­tics.

Nos que­da un poco de tarea en GTM:

Crea una eti­que­ta de Uni­ver­sal Analy­tics, tipo “Tran­sac­ción”. En Con­fi­gu­ra­ción de Goo­gle Analy­tics selec­cio­na tu ID de Goo­gle Analy­tics. Si no te apa­re­ce es que no has defi­ni­do aún una varia­ble con tu ID. Ve a Varia­bles y crea una nue­va del tipo Con­fi­gu­ra­ción de Goo­gle Analy­tics. Intro­du­ce tu ID y guár­da­la.

tiendad6

Aho­ra tie­nes que crear un acti­va­dor de tipo Even­to per­so­na­li­za­do.

tiendad7

En Nom­bre del even­to intro­du­ces “gtm4wp.orderCompleted”.

Aho­ra vamos a com­pro­bar si fun­cio­na y, de paso, acla­ra­mos un poco el por­qué de lo que hemos hecho.

Guar­da tu eti­que­ta y acti­va la vis­ta pre­via.

Visi­ta cual­quier pági­na de tu web. Debe­rá car­gar­se la vis­ta pre­via de GTM y debe­rás ver que apa­re­ce la eti­que­ta que aca­bas de crear en GTM, pero sin acti­var.

tiendad8

Nor­mal, por­que no has fina­li­za­do nin­gu­na com­pra. Pero si ter­mi­nas el pro­ce­so de com­pra (y aca­bes en una pági­na con url /fi­na­li­zar-com­pra/or­der-recei­ve­d/…), verás cómo se acti­va.

Pue­des ver toda la infor­ma­ción de que dis­po­ne aho­ra tu capa de datos pul­san­do en Data Layer:

tiendad9

Arri­ba ves que apa­re­ce el mis­te­rio­so tér­mino “gtm4wp.orderCompleted” que has intro­du­ci­do en la eti­que­ta que has crea­do. Y es que la eti­que­ta, lo que hace es anun­ciar a Goo­gle Analy­tics una tran­sac­ción jus­to cuan­do la pági­na car­ga este tér­mino. Ade­más, le pasa a GA nom­bre del pro­duc­to, uni­da­des com­pra­das, pre­cio y demás pará­me­tros.

Estos datos los podrás ver en la pes­ta­ña Conversiones/ E‑commerce de tu Goo­gle Analy­tics, aun­que para ello debe­rás espe­rar un poco por­que no se ve en Tiem­po Real y, por tan­to, pue­den pasar unas horas antes de que apa­rez­ca:

tiendad10

Y ya está, ya pue­des rela­cio­nar tus ven­tas con com­por­ta­mien­tos de usua­rios en tu pági­na web y, de esta mane­ra, ir opti­mi­zán­do­la.

Fer­nan­do Fomi­na­ya

www.noergia.com
@ffominaya