Skip to main content
100%

Updated version of googleAnalitics script to track users in ServiceNow native UI

✓ Published0🌍 Public
Aandrew-psch
Last edited Oct 26, 2018
Created on Oct 26, 2018

This example tracks user activity in ServiceNow’s native UI by sending Google Analytics pageviews whenever the parent page’s title changes. The code uses the Google Analytics tracking snippet (`ga('create', …)` and `ga('send', …)`) and a `MutationObserver` to watch the `window.top.document.querySelector("title")` element for attribute, character data, or child list changes. On each mutation, it fires a pageview hit with the updated title and current `location.href`. The approach relies on the browser’s native MutationObserver API rather than a custom event system.

AI-generated description

Similar vizzes

Loading thumbnail…

Google Analytics script for ServiceNow tracking

This example demonstrates how to send ServiceNow page interactions to Google Analytics for tracking. It uses the standard Google Analytics tracking snippet, creating a pageview hit that captures the top-level document title and the current URL location. The code relies on the `ga` function from the Google Analytics JavaScript library, with the `create` command initializing a tracker and the `send` command transmitting the pageview data. The script runs in the browser, reading `window.top.document.title` and `window.location.href` to report activity from within the ServiceNow environment.

Aandrew-psch
86% match
Loading thumbnail…

GA的源码 analytics.js

This example visualizes the internal usage-tracking mechanism of Google Analytics’s `analytics.js` library, showing how method calls are recorded and encoded into compact strings. The code defines a `UsageManager` class that tracks boolean usage flags, encodes them into base64-like characters, and decodes them back into index arrays. It also includes utility functions for DOM manipulation, script loading, and event handling, all interacting with the global `UsageManager` instance. The visualization relies on plain JavaScript object methods and string operations, with no external libraries, to demonstrate the encoding and decoding pipeline for analytics telemetry.

AAlexZ33
52% match
Loading thumbnail…

Greasemonkey script to restore URL view in Google search

This example demonstrates a Greasemonkey userscript that restores full URLs in Google search results, replacing the displayed site names with the actual hyperlink addresses. It targets search result pages across multiple Google domains. The script selects all `cite` elements, which typically show shortened or breadcrumb URLs, and overwrites their text content with the parent link’s `href` attribute using the standard DOM API `querySelectorAll` and `textContent`. No external libraries are used; it relies purely on vanilla JavaScript and the Greasemonkey userscript engine to run automatically on matching pages.

TThomasG77
49% match
Loading thumbnail…

Gist 5bc89f176a762b6fc64a

This example demonstrates the MutationObserver API monitoring changes to a DOM element. The code observes a target node (referenced via `$0`) with a configuration that tracks child list, attribute, and character data mutations across the entire subtree, including old values. When mutations occur, the observer logs each change to the console, grouping observations by a random numeric identifier and printing the target node’s name and mutation type. The visualization relies on browser-native console grouping and logging, with no external data source or rendering library involved.

Aalessioalex
48% match
Loading thumbnail…

GA的源码 analytics.js

This example shows a utility class for tracking and encoding feature-usage data in Google Analytics' analytics.js library. The `UsageManager` class records which methods or features are triggered, then encodes that information into a compact base64-like string for transmission to a backend. A `decode` method reverses the encoding by mapping each character back to its bit positions. The code demonstrates custom bit-packing logic and string manipulation rather than relying on visualization libraries, with the data source being the runtime state of the analytics script itself.

AAlexZ33
48% match
Loading thumbnail…

omniauth using google openid

This example shows a Sinatra application that authenticates users via Google’s OpenID provider, displaying a login button on the root route and a personalized welcome message on `/app` after successful sign-in. It uses the OmniAuth framework with the `omniauth-openid` adapter, configuring a filesystem-backed OpenID store and a `:google` provider with Google’s discovery identifier. The app handles the callback at `/auth/:name/callback` by extracting user info from the `omniauth.auth` request environment, storing a formatted name and email in Sinatra’s session (enabled via `enable :sessions`), and redirecting to the protected page. Logout clears the session and returns to the root.

TTBD
47% match
Loading thumbnail…

Script using Intersection Observer API

This example demonstrates a scroll-tracking interaction that classifies entry and exit directions for target elements as the user moves up or down a page. It uses the browser’s Intersection Observer API within a D3.js selection loop to monitor each element’s vertical position and intersection ratio relative to the viewport. The script logs distinct states like “down enter” and “up leave” to the console, accounting for page-load initialization through a counter that defers logging until all observed elements have been registered. The visualization relies solely on DOM elements selected via the `.box` class, with no external dataset.

HHirosaji
47% match
Loading thumbnail…

Gist 320917

This example demonstrates how to extract search result titles from Google using a simple Ruby script. It shows the top web page titles returned for the query “tenderlove,” printing each one to the console. The code uses Nokogiri to parse the HTML fetched via open-uri, selecting anchor elements with the class “l” inside heading tags. The script relies on Nokogiri’s `xpath` method and the `content` accessor to retrieve the visible text of each link, with no additional visualization or styling applied.

Aabernier
47% match