The Digizuite Extension for Optimizely Experimentation consists of two elements (both found in our public github examples here https://github.com/Digizuite/embedded-ui-examples ). Not both elements are needed but together they can bring a better experience.
The two elements
The Digizuite Browser Extension for asset selection (optional)
The actual Extension (a config.json) which can be directly imported into Optimizely Experimentation via the editor
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
(have in mind that for crop to work then it requires 5.6.0 but rest of the functionality will still be valdi)
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 ).
Important is perform one change before performing step 4 in the above guide and after having downloaded the files.
When you have the downloaded the files from GitHub as explained in the above guide then go to:
Where you need to ensure that it copies assetId as shown below.
Then simply follow the rest of the guide to enable the extension.
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
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 |