The Digizuite Extension for Optimizely Experimentation consists of two elements. Not both elements are needed but together they can bring a better experience.
The two elements
The Digizuite Browser Extension for asset selection (optional)
Find it here: DCE 5.5 - Installation
The actual Extension (a config.json) which can be directly imported into Optimizely Experimentation via the editor (https://github.com/Digizuite/embedded-ui-examples/tree/main/digizuite-optimizely-experimentation )
Prerequisites
Following must be in place:
CDN:
This functionality should be used in conjunction with a CDN since we are talking about potential high consumption from the website.Public Destination for assets to be streamed from
(have in mind that for crop to work then it requires 5.6.0 but rest of the functionality will still be valid)
Full Demo
A simple example of how to enable Digizuite Images using the Digizuite Browser Extension to c/p the asset id (could also do manually)
Adding the Browser Extension (optional)
You can follow the guide here (https://digizuite.atlassian.net/wiki/spaces/DD/pages/3276046348/DCE+5.5+-+Installation ).
Optimizely Experimentation Extension (optional)
Using Digizuite assets is based on asset ids. This can be either found by using the Chrome Extension as described above to paste in the id or simply manually entering it.
Using the Chrome Extension
Simply click on the asset to make it update as shown in the above videos (otherwise, one can configure it to copy and paste the ID where you then manually copy it in the asset id input)
Manually entering the ID
From 5.6.0 it is also possible to perform simple focal point cropping by changing these parameters (this is subject to change in 2023):
Extension Fields
Following fields have been added
Field Name | Description | Mandatory |
---|---|---|
Digizuite Asset Id | The asset id from chrome extension of manually entered | Yes |
Digizuite DAM CDN URL | The CDN url from where images must be fetched. | Yes |
Digizuite Media Format ID | Media Format ID of the asset which is now defaulted to source (2) | Yes |
Digizuite Destination ID | The public destination to use for getting the assets. Right now defaulted to 10016. | Yes |
Digizuite Image Width | Width of the actual image. This is not CSS and it will actually resize the image for you with that width to allow better load time. | No |
Digizuite Image Height | Height of the actual image. This is not CSS and it will actually resize the image for you with that height to allow better load time. | No |
Crop Gravity | Allowing you to do focal point cropping based on gravity. Choose different values which chooses a focal point. | No |
Crop Width | Width of the crop (only relevant if gravity is set). | No |
Crop Height | Height of the crop (only relevant if gravity is set). | No |