ecomplus / storefront

Modern and high performant headless eCommerce Storefront. PWA & JAMstack architecture ready for E-Com Plus APIs. Built with Vue.js, extensible through widgets and editable with Netlify CMS.
https://developers.e-com.plus/storefront/
MIT License
101 stars 36 forks source link

Replace Universal Analytics with GA4 #736

Closed matheusgnreis closed 1 year ago

matheusgnreis commented 2 years ago

After 1/07/2023 Universal analytics will not work anymore. https://support.google.com/analytics/answer/10759417?ref_topic=10737980?utm_campaign%3D2022-q1-gbl-all-gafree&utm_source=google-growth&utm_medium=email&utm_content=ga-deprecation-comm-ua-only

leomp12 commented 1 year ago

@wisley7l no embalo do GA4? 😄

matheusgnreis commented 1 year ago

Bom, acho que o certo seria colocar um novo e não substituir, porque se não de muita gente vai dar pau. Só avisamos que o outro vai parar de funcionar na data do Google e desejável migração

leomp12 commented 1 year ago

Via GTM, opção gaVersion de config do widget tag manager https://github.com/ecomplus/storefront/blob/master/%40ecomplus/storefront-template/content/widgets/tag-manager.json , o padrão deve ser GA4, a outra opção é UA (corrente).

E então mudamos o payload dos eventos de EEC enviados conforme a versão do GA, aqui por exemplo https://github.com/ecomplus/storefront/blob/master/%40ecomplus/widget-tag-manager/src/lib/watch-app-routes.js#L20-L26 (em toda a pasta lib).

leomp12 commented 1 year ago

https://developers.google.com/tag-manager/ecommerce-ga4 https://developers.google.com/tag-manager/ecommerce-ga4?hl=pt-br#migration_from_legacy_ecommerce_data_layer_objects

leomp12 commented 1 year ago

Observação: o GA4 é compatível com o esquema de comércio eletrônico do UA, mas este não é compatível com o esquema do GA4. Se você inseriu tags no seu site para propriedades do GA4 com o UA, não substitua os esquemas mais antigos por tipos de dados de comércio eletrônico do GA4.

Tem que fazer algo mesmo? 😄 🤔