Skip to content

CROmetrics/crometrics-snippets

Repository files navigation

crometrics-snippets

Collection of CROmetrics snippets and patterns

Installation Instructions

Drag the bookmarklet link to your bookmarks bar, or right click and save the link as a bookmark.

Hide Google Hangout

Toggle hide/show your own video in the bottom right of google hangouts.

Install by dragging this into your bookmarks bar: hideme

esper - Optimizely Analysis Tool

Optimizely Analysis Tool This opens a panel which displays information about the optimizely snippet running on the active page.

Usage: Run the bookmarklet on a site that has optimizely running.

Install the ESPER bookmarklet.

Legacy version (soon to be phased out): Install the bookmarklet.

Bookmarklet originally based on: https://gist.github.com/danest/73eda651cd4fb4ec76fb/

X Pages - Link spider

Crawls around a site pulling out potential Page definitions for optimizely X

Usage: Open the homepage of a site, run the bookmarklet.

Install the xpages bookmarklet.

Optimizely Goal Adder

This bookmarklet helps to add a list of goals to a classic experiment. You click it while looking at the edit page and it opens a panel for you to paste goals in (copied from the trello card spec).

Usage: Run the bookmarklet from Optimizely classic's edit experiment UI.

Install the bookmarklet.

Inject Webcam bookmarklet

Adds your webcam to a webpage (sticky bottom left).

Usage: Run the bookmarklet on a https site.

Install the bookmarklet.

Feasibility Utilities

Usage: Run the snippet and look at the console log.

Includes:

Client Defined Globals:

Originally based on: https://stackoverflow.com/questions/40752050/best-way-to-find-global-variables-in-javascript/40752328#40752328

Usage: window.feasibility.globals

Identify Called Functions:

Description: In case you ever have a reference and you need to know what functions get called and when on it you can run this against it.

Usage: window.feasibility.injectFeelers(obj, ignoreKeys = [])

Watch React property changes: This will find the element's react instance and monkeypatch the props object. Changes are sent to the console as a psudo-diff of the changes. This is useful for finding properties that can be relied upon to detect state changes in an SPA.

Usage: feasibility.watchReactProps(el) Note: if el is left blank it'll try to find the reactroot element by default.

Install:

Install the bookmarklet.

The Button

A tampermonkey/greasemonkey script that adds a button to the optimizely interface. More info

Inject jQuery

jQuery

Hide the Optimizely QA Ball

Usage: Run the bookmarklet on an Optimizely preview link. Run it again to bring the QA ball back.

Install the bookmarklet.

Opt Out of Optimziely

Description: Sets the cookie optimizely_opt_out=true. Usage: Run the bookmarklet on any site that you want to be opted out of Optimizely. Useful for sites where it is either clunky or you are unable to set the cookie via a URL query parameter.

Install the bookmarklet.