Debug your Optimizely experiments with useful JavaScript console logging and powerful caching and snippet injection options.

Latest Version

Version
3.0.2
Update
September 26, 2024
Size
515KiB
Developer
Category
Users
6,000+
Rating
4 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
Cookies
Identity
Storage
Tabs
WebNavigation
DeclarativeNetRequest
WebRequest
UserScripts
Scripting
See more

Optimizely Assistant Extension

This extension reads Optimizely JavaScript data and state for any snippet that you have access to in your Optimizely account. Visit the website your snippet is installed on and it prints useful debugging information to the JavaScript console. The messages include information about what experiments are running on the page and what experiment and variation you are currently bucketed into.

The extension also enables you to use a non-cached version of your Optimizely snippet or even swap to use a different snippet you own on that page. These are useful tools for reducing wait time when debugging and trying out staging content on a production site.

Here are the steps to setup the extension:
- Turn on the extension by clicking on the Optimizely logo to the right of the address bar.
- Login to your Optimizely account when prompted. This fetches the list of projects and snippets you have permission to view with the extension.
- Open the Chrome JavaScript console to see the messages.
- On Windows and Linux, press Control-Shift-J.
- On Mac, press Command-Option-J.
- Navigate to a site where your snippet is installed to see the console log populate with Optimizely information.
- You will need to enable developer mode in order to use certain features

The terms of the applicable agreement between you and Optimizely (including the online terms of service located at the following URL, https://www.optimizely.com/terms/ ) shall govern your access, installation and/or usage of this Optimizely Assistant Extension.

You can learn more about the extension in our Knowledge Base at https://help.optimizely.com/QA_Campaigns_and_Experiments/The_Optimizely_Chrome_extension.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Optimizely Assistant", "short_name": "Optimizely Assistant", "description": "Debug your Optimizely experiments with useful JavaScript console logging and powerful caching and snippet injection options.", "version": "3.0.2", "permissions": [ "activeTab", "cookies", "identity", "storage", "tabs", "webNavigation", "declarativeNetRequest", "webRequest", "userScripts", "scripting" ], "host_permissions": [ "" ], "action": { "default_icon": "img/icon-128.png", "default_popup": "popup.html" }, "icons": { "16": "img/icon-16.png", "32": "img/icon-32.png", "64": "img/icon-64.png", "128": "img/icon-128.png" }, "web_accessible_resources": [ { "resources": [ "js/jquery.js", "js/success_plugin.js", "css/pagecss.css", "pages/oauth2_success.html" ], "matches": [ "" ] } ], "background": { "service_worker": "service_worker.js" }, "content_scripts": [ { "matches": [ "" ], "js": [ "config.js", "js/jquery.js", "js/optimizely.js" ] } ], "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "commands": { "_execute_action": { "suggested_key": { "default": "Alt+Shift+O" } }, "presets-01": { "description": "Toggle test cookie" }, "presets-02": { "description": "Toggle Use Instant Snippet" }, "presets-03": { "description": "Toggle Inject snippet" }, "presets-04": { "description": "Toggle Swap snippet" }, "presets-05": { "description": "Toggle Non-cached snippet" }, "presets-06": { "description": "Toggle Strip X-Frame-Options" }, "presets-07": { "description": "Toggle Disable console logging" }, "presets-08": { "description": "Toggle Disable Optimizely" } }, "externally_connectable": { "ids": [ "*" ], "matches": [ "https://mail.google.com/*" ] }, "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAkCTVJW8Ef0xzHtpYk5d+hSFo4VyqnUhK2T9LRZ88TnwhV0EHH7AeKxyQB/BSRWWfuF0jjaWiG01xKlh/zjIdXtjJfWMiAB45BK6Os7YDJsh1u4f4WXVhPa8FFeXFJY5fj+EF/eqlu3Pr/JhItOn3ondCkOd4aVoEOhoqdkQq+0PaqkxkL9kvKD+XPYFcAuYLGzQrkmZP6NWDqs3ODkmi0TNvLue7jPlsg/JlPTZ7dS1XoFQ1THOQ6ET2uoe3rRj8zZICI5bZzIf9/iB3gbdMJggQWpE4/N8/ZvsWV+lJZunPwC41SsyYftUgkdJAmOP4QTvwMR9ZqA1meCM/CncRAQIDAQAB"}
Read more

How to download and manually install Optimizely Assistant extension for Chrome

Looking for a way to install Optimizely Assistant extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Optimizely Assistant extensions manually, this article outlines two simple methods to effortlessly install Optimizely Assistant extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Optimizely Assistant extension and manually install through Drag &Drop

If you ever need to manually install a Optimizely Assistant extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Optimizely Assistant Extension by clicking the "Download CRX" button on the website.

Look for the Optimizely Assistant extension you wish to install. Go to the website and download the Optimizely Assistant extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Optimizely Assistant extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Optimizely Assistant extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Optimizely Assistant extension for Chrome and install in Developer Mode

This is another method to install Optimizely Assistant extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Optimizely Assistant extension file

Select and download the Optimizely Assistant extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Optimizely Assistant extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Optimizely Assistant extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Optimizely Assistant extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Optimizely Assistant extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Adobe Experience Platform Debugger Extension · Developer Tools 6,000+ 27 ★ 1.99MiB

icon

Omnibug Extension · Developer Tools 6,000+ 50 ★ 1.35MiB

icon

Optimizely Toggle for Chrome Extension · Developer Tools 6,000+ 3 ★ 140KiB

icon

Analytics Debugger Extension · Developer Tools 6,000+ 211 ★ 300KiB

icon

Conversion.com's Optimizely Chrome Extension Extension · Developer Tools 6,000+ 11 ★ 1.1MiB

icon

Google Analytics Debugger Extension · Developer Tools 6,000+ 533 ★ 28.88KiB

icon

ObservePoint Debugger Extension · Developer Tools 6,000+ 52 ★ 3.6MiB

icon

dataslayer Extension · Developer Tools 6,000+ 80 ★ 417KiB

icon

Optimizely Inspector Extension · Developer Tools 6,000+ 1 ★ 573KiB

icon

Datalayer Checker Extension · Developer Tools 6,000+ 33 ★ 93.13KiB

icon

Tealium Tools Extension · Productivity 6,000+ 28 ★ 2.13MiB

icon

Contentsquare - CS Live Extension · Productivity 6,000+ 8 ★ 16.24MiB

icon

Debugger for Adobe Analytics Extension · Productivity 6,000+ 56 ★ 17.19KiB

icon

Adswerve - dataLayer Inspector+ Extension · Developer Tools 6,000+ 56 ★ 517KiB

icon

Segment Event Tracker Extension · Developer Tools 6,000+ 13 ★ 35.08KiB

icon

WASP.inspector: Analytics Solution Profiler Extension · Developer Tools 6,000+ 189 ★ 401KiB

icon

BrowserStack Extension · Developer Tools 6,000+ 95 ★ 805KiB

icon

axe DevTools - Web Accessibility Testing Extension · Accessibility 6,000+ 114 ★ 2.89MiB

icon

Adobe Target VEC Helper Extension · Developer Tools 6,000+ 13 ★ 546KiB

icon

Launch and DTM Switch Extension · Developer Tools 6,000+ 192 ★ 215KiB

icon

VWO Extension · Productivity 6,000+ 8 ★ 2.47MiB

icon

Convert Experience Tools Extension · Developer Tools 6,000+ 5 ★ 937KiB

icon

AB Tasty Extension · Productivity 6,000+ 1 ★ 5.21MiB

icon

MiaProva Extension · Developer Tools 6,000+ 8 ★ 585KiB

User reviews

icon

Mike Deverell (ID: 00000051f64b7682) Voted 2 ★ - Updated 11/29/2018 As an engineer, I had this installed for years and never actually used it. It has a lot of features that I never use, and lacks the one feature that I need a lot: the ability to select which variations I'm in. So, I'm finally just uninstalling this extension. There's another extension in the Chrome Web Store with twice as many users that *does* allow you to easily choose your variation, so I use it instead. I won't name it since I'm not here to advertise for it, but I hate having to use a 3rd-party extension and will reinstall this official one instead in the event that they implement a way to easily change between variations.

icon

Tom Fuertes (ID: 000000a6366f42b9) Voted 5 ★ - Updated 06/27/2017 This is hugely helpful for developing our AB Tests. 1. JS console logs that include active Pages, A/B tests and Personalization campaigns you're in. 2. Use a non-cached version of the snippet to always fetch the latest data so you don't have to wait for a snippet refresh with changes when editing/QA'ing. 3. Easy way to add/remove a test cookie 4. Can swap snippets out or inject one on a page. Could be useful as you pitch new clients or work out of different demo accounts.