Giter Site home page Giter Site logo

yuhui / launchext-web-vitals Goto Github PK

View Code? Open in Web Editor NEW
5.0 2.0 1.0 10.63 MB

Extension for Adobe Experience Platform Data Collection Tags (Adobe Launch) to provide native support for Google's Core Web Vitals.

License: GNU General Public License v3.0

JavaScript 54.50% HTML 44.83% CSS 0.66%
adobe-launch adobe-experience-platform extension web-vitals web-analytics data-analytics aep-tags adobe-data-collection-tags

launchext-web-vitals's People

Contributors

yuhui avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

isabella232

launchext-web-vitals's Issues

Web Vitals Not Working

Web Vitals Not Working
I have integrated Web Vitals with Adobe Launch. Launch Rules for LCP, FID, & CLS are configured. However when I tested it out at its throwing an Error in the developer console.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'https://wwwqa.silabs.com/'
  2. Click the 'Console tab of the developer inspect window'
  3. Scroll down to 'where Web Vitals loaded successfully'
  4. See error "Uncaught (in promise) ReferenceError: webVitals is not defined
    at launch-1fcf4720ea67-staging.min.js:formatted:12954:29"

Expected behavior
There should not be any errors. Adobe Launch rules for CLS, FID, & LCP should have triggered.

Screenshots
image

image

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome]
  • Version [Version 105.0.5195.52 (Official Build) (x86_64)]

Additional context
The error looks like a bug in the web vitals extension

Web Clicks Lowered Down In terms of Recording in Adobe Analytics Database

Web Clicks Lowered Down
After the integration of Web Vitals, we are observing Web Clicks Lowered Down to 52% In terms of Recording in Adobe Analytics Database. These lowered numbers in the web click records we have observed are from Google(Chrome) Browser.

When we did a deeper analysis then we found that this decrease in web clicks in the analytics record is lowered from the natural search channel which is the search engine. And, we also found it as google chrome whose users' clicks got lowered down. This happened right after integration on October 24. The moment we disabled it from the website we started to see an increase in the number of clicks

To Reproduce: You can check our main website www.silabs.com
Steps to reproduce the behavior:
we have disabled we vitals configurations from Adobe Launch for our testing purpose and we are seeing numbers getting back to what they are. This means web clicks are trending up. So can't give you an example to reproduce

Expected behavior
We don't expect web clicks to get affected by any extension integrated. we are not sure about the js code or APIs run at the back for web vitals integration

Screenshots
This is the first dip that happened right after the integration
image

After October web clicks lowered
image

After disabling configurations: web clicks started trending up in the system.
image

We want your help in understanding why this happening?

undefined properties of data element for web-vitals

I've installed the Web Vitals extension to Adobe Experience Platform via the Extensions. I've created the data elements that are preset after installing Web Vitals. When I try to use the console log for metrics, I receive "undefined" for all and when I try to grab the data element via _satellite, i get the following:

_satellite.getVar('Web-Vitals_Delta', event)
VM9:106 ๐Ÿš€ Failed to execute data element module web-vitals-js/src/lib/dataElements/metricDelta.js for data element Web-Vitals_Delta. Cannot read properties of undefined (reading 'webvitals')
TypeError: Cannot read properties of undefined (reading 'webvitals')

Browsers used:

  • Google Chrome - Version 108.0.5359.99 (Official Build) (64-bit)
  • Microsoft Edge - Version 108.0.1462.46 (Official build) (64-bit)

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.