Smart Tags for Images

Transcript

Hi there, in this video let’s take a look at how to configure Adobe Experience Manager with the Smart Content Service using Adobe I O. The integration consists of a few steps and let’s take a look at them. To use the Smart Content Service you need to have an Adobe ID account with administrative privileges for the organization with the Smart Content Service enabled. Let’s get started. As the first step, we need to create a Smart Content Service configuration in AEM to generate a public certificate for OAuth integration. From your AEM homepage, let’s navigate to Tools, Cloud Services and choose the Legacy Cloud Services option. Let’s create a configuration for Assets, Smart Tags or Smart Content Services. Let’s provide a name and title for our configuration and continue with the next steps. Authorization Server and Server URL to communicate with the Smart Content Services would already be populated. To complete creating the configuration, we need a few additional details which could be obtained from the next step. Before moving to the next step, download the public certificate for OAuth integration to your local machine. In the next step, we need to create an integration in Adobe I O and upload the generated public key from the previous step. Let’s open up Adobe Developer Console in a new tab and login using your Adobe ID. Ensure that your Adobe ID has admin or developer privileges for your organization and Smart Content Services enabled. One Adobe ID can be associated with multiple organizations. So make sure you are in the right organization by using the profile switcher. Choose to create a new project and then let’s create a new API integration within our project to access Adobe services. The product group categorizes Adobe’s API. Let’s select the Adobe Experience Cloud as our product and you can see the list of APIs available. You can filter the APIs based on what’s available to your organization using the drop down field. Let’s select the Smart Content Services and move to the next step. You can either create a key pair from Adobe I O console and use it in your AEM instance or upload your public key. Let’s upload the public certificate for OAuth integration that we downloaded from AEM when we set up the Smart Tags Cloud service. Let’s scroll down and ensure that the certificate gets added properly. In the next step, you can also view the service account credentials that gets created for our service. Click next and select the required product profile and then save your API configuration. If everything goes well, you can notice an API configuration success banner that pops up. At this point, we have successfully created an integration in Adobe I O and uploaded the AEM generated public key. In the next step, we need to configure our AEM instance using the API key and other credentials from Adobe I O integration. You can view the account credentials under the service account that we just created in Copy the client ID from the API integration and paste it in the API key field. Similarly, let’s copy and paste the client secret, technical account ID, and organization ID into the respective fields within your AEM Smart Content Service configuration window. Then save your changes. We need to make sure that AEM can access the Smart Content Services using the Adobe I O integration. From your AEM homepage, let’s navigate to Tools, Operations, and then select the Web Console option. From the main configuration option, select JMX and then search for the similarity search type. Select the similarity search implementation and then run the validate configuration function. If everything looks good, you should see that all configurations check to pass. At this point, we have successfully integrated AEM with Smart Content Services using Adobe I O. Before we run a Smart Tag service on AEM assets, we need to add a Smart Tag processing step to your existing asset update workflow. From your AEM homepage, navigate to Tools, Workflow, and then select Models. I have created a copy of the AEM update asset workflow and let’s add our Smart Tag processing step to it. Open the workflow to edit it. And from the sidekick, search for the Smart Tag assets AEM workflow step, drag drop the Smart Tag asset step, and then place it right beneath the process thumbnail step. Optionally, you can configure the Smart Tag step to ignore errors when predicting tags. And you can also choose to run Smart Tags for all folders even if the Smart Tag is not enabled at the folder level. If we check this option, it is not necessary to enable Smart Tags at a folder level. For this video, let’s leave it unchecked, which means every time we run the AEM update asset workflow, the Smart Tag asset step checks to see if its parent folder has a Smart Tag flag enabled. If yes, the Smart Tags are added to asset metadata. If not, the Smart Tag asset step is not run for the asset. Make sure to save and sync your changes. Now let’s navigate back to an AEM asset folder under AEM Assets and open its folder properties. Under the Folder Details tab, let’s select the Enable Smart Tags option and then save your changes. Now, it’s finally time to see tags associated with an asset predicted by Smart Content Service. Let’s upload an asset to the folder. The AEM Update asset workflow gets triggered for new asset uploads and since the current folder has Smart Tag flag enabled, the Smart Tag asset step gets executed. Once the asset is processed, let’s view its properties to verify the tags generated by Smart Content Services. Smart Tag augments the search capabilities of Adobe Experience Manager assets by automatically adding metadata tags to image assets that you upload to a folder. The feature also lets you automatically apply tags in bulk to all images within the folder. It improves an author’s experience by making it simpler to select the right asset, thereby increasing the quality of the content created by marketers. I hope this video helps set up Smart Content Services in Adobe Experience Manager using Adobe IO.