Creating and configuring Experience Fragments in AEM

In order to use AEM Experience Fragments in Target, you must perform the following steps:

Step 1: Integrate AEM with Target

For more information, see:

Step 2: Create the Experience Fragment

Experience Fragments are created in AEM. For more information, see:

Step 3: Configure AEM to share the Experience Fragment with Target

  1. From within AEM, select the desired Experience Fragment or its containing folder, then click Properties.

  2. Click the Cloud Services tab, then from the Cloud Service Configuration drop-down list, select Adobe Target.

    The previous step assumes that someone in your organization has created the Adobe Target configuration.

  3. Click Save & Close.

Step 4: Publish the Experience Fragment and export it into Target

Depending on your AEM version, see the following links for step-by-step instructions:

Using Experience Fragments in Target activities

After performing the preceding tasks, the Experience Fragment displays on the Offers page in Target.

Target currently looks for Experience Fragments to import every ten minutes. The imported Experience Fragment should be available in Target within ten minutes, but this time frame should shorten going forward.

The Experience Fragment is imported into Target as an HTML or JSON offer. The Experience Fragment “primary” version remains in AEM. You cannot edit the Experience Fragment in Target.

You can filter and search by HTML XFs and JSON XFs to help you distinguish between Experience Fragment types that are exported to Target.

Filter by Experience Fragment types: HTML or JSON in the Target UI

You can hover over an Experience Fragment in the list, then click the View icon Info icon to see additional information about the Experience Fragment, including its Name, Type, Offer ID, Offer path, and last modifications information. Click the Offer Usage tab to see the activities that reference this offer.

Experience Fragment information pop-up

You can consume Experience Fragments in Target activities using the Visual Experience Composer (VEC) and the Form-Based Experience Composer.

TIP
Use Artificial Intelligence, Machine Learning, and recommendations with Experience Fragments:
  • To fully use the Target AI and ML functionality, you can select Auto-Allocate or Auto-Target while creating an activity.

  • Experience Fragments are not supported in Recommendations activities. However, to use Experience Fragments for recommendations you can create an A/B Test activity (including Auto-Allocate and Auto-Target) or an Experience Targeting (XT) activity and include recommendations as an offer.

To consume Experience Fragments using the VEC:

  1. In Target, while creating or editing an experience in the Visual Experience Composer, click the location on the page where you want to insert AEM content, then select the desired option to display the Choose an Experience Fragment list.

    • Insert Before
    • Insert After
    • Swap with Experience Fragment

    The Experience Fragment list displays the content created in AEM that is now natively available from within Target.

    NOTE
    The Swap with Experience Fragment option is not available for images. If you want to use this option with an image, click the container element that contains the desired image.

    experience_fragment_list image

  2. Select the desired Experience Fragment, then click Done.

  3. Finish configuring the activity.

    For more information about configuring the various activity types, see the following topics:

    Experience Fragments exported as JSON in Target cannot be used in activities created using the VEC; only HTML Experience Fragments are supported in VEC-based activities. If you want to use JSON Experience Fragments, use them in activities created using the Form-based experience composer.

To consume Experience Fragments using the Form-based Experience Composer:

  1. In Target, while creating or editing an experience in the Form-Based Experience Composer, select the location on the page where you want to insert AEM content, then select Change Experience Fragment to display the Choose an Experience Fragment list.

    experience_fragment_list image

    The Experience Fragment list displays the content created in AEM that is now natively available from within Target.

  2. Select the desired Experience Fragment, then click Save.

  3. Finish configuring the activity.

Additional information

  • Target currently looks for Experience Fragments to import every ten minutes. The imported Experience Fragment should be available in Target within ten minutes, but this time frame should shorten going forward.
  • The Experience Fragment is imported into Target as an HTML or JSON offer. The Experience Fragment “primary” version remains in AEM. You cannot edit the Experience Fragment in Target.
  • You cannot create Experience Fragments using Adobe I/O. Create Experience Fragments using AEM, as explained above.
  • If you update your Experience Fragment in AEM, the Experience Fragment must be published and exported to Target again so Target can use the latest changes.

Removing ClientLibs and extraneous HTML from Experience Fragments exported to Target

When using Experience Fragment offers with Target on a page delivered by AEM, the targeted page already contains all of the necessary Client Libraries. Note also that extraneous HTML elements in the offer are also not necessary.

Sometimes entire HTML pages wrap the Experience Fragment and cause problems. Ensure that the Experience Fragment is a small piece of HTML and not a full HTML page with HTML, HEAD, BODY, and so forth.

For more information, see the following blog post: AEM 6.5: Removing ClientLibs from Experience Fragments exported to Target.

Training video: Using AEM Experience Fragments with Adobe Target

The following video shows you how to set up and use Experience Fragments:

NOTE
The AEM deeplink feature discussed at 4:54 has been removed.

For more detailed information, see Using Experience Fragments with Adobe Target on the AEM Sites Videos and Tutorials page.

Previous pageAEM Experience Fragments and Content Fragments overview
Next pageAEM Content Fragments

Target