feat: enhance Web Vitals telemetry with semantic attributes (#316)

Author: ccschmitz-launchdarkly

sdk/highlight-run/src/sdk/observe.ts

@@ -78,6 +78,7 @@ import randomUuidV4 from '../client/utils/randomUuidV4'
 import { recordException } from '../client/otel/recordException'
 import { ObserveOptions } from '../client/types/observe'
 import { isMetricSafeNumber } from '../client/utils/utils'
+import * as SemanticAttributes from '@opentelemetry/semantic-conventions'
 
 export class ObserveSDK implements Observe {
 	/** Verbose project ID that is exposed to users. Legacy users may still be using ints. */
@@ -583,12 +584,16 @@ export class ObserveSDK implements Observe {
 		)
 		WebVitalsListener((data) => {
 			const { name, value } = data
+			const { hostname, pathname, href } = window.location
 			this.recordGauge({
 				name,
 				value,
 				attributes: {
-					group: window.location.href,
+					group: window.location.pathname,
 					category: MetricCategory.WebVital,
+					[SemanticAttributes.ATTR_URL_FULL]: href,
+					[SemanticAttributes.ATTR_URL_PATH]: pathname,
+					[SemanticAttributes.ATTR_SERVER_ADDRESS]: hostname,
 				},
 			})
 		})