Un fragment d’expérience est un groupe d’un ou plusieurs composants comprenant un contenu et une disposition pouvant être référencés dans les pages.
Un gabarit et/ou une variation du fragment d’expérience utilise :
sling:resourceType
: /libs/cq/experience-fragments/components/xfpage
En l’absence de /libs/cq/experience-fragments/components/xfpage/xfpage.html
, il revient à
sling:resourceSuperType
: wcm/foundation/components/page
Le sélecteur .plain.
de l’URL permet d’accéder au rendu HTML brut.
Cette option est disponible à partir du navigateur, mais son principal objectif est d’autoriser d’autres applications (par exemple, des applications web tierces et des implémentations mobiles personnalisées) à accéder directement au contenu du fragment d’expérience, en utilisant uniquement l’URL.
Le rendu en HTML brut ajoute le protocole, l’hôte et le chemin d’accès contextuel aux chemins suivants :
sont du type src
, href
ou action
;
se terminent par -src
ou -href
.
Par exemple :
.../brooklyn-coat/master.plain.html
Les liens font toujours référence à l’instance de publication. Ils sont destinés à être utilisés par des tiers. Par conséquent, le lien sera toujours appelé à partir de l’instance de publication, et non de l’instance de création.
Pour plus d’informations, voir Externalisation des URL.
Le sélecteur de rendu brut utilise un transformateur plutôt que des scripts supplémentaires ; le module Sling Rewriter est utilisé comme transformateur. Cette configuration se trouve dans l’emplacement suivant :
/libs/experience-fragments/config/rewriter/experiencefragments
Le rendu HTML est généré à l’aide des pipelines de réécriture Sling. Le pipeline est défini au niveau du chemin /libs/experience-fragments/config/rewriter/experiencefragments
. Le transformateur HTML prend en charge les options suivantes :
allowedCssClasses
allowedTags
Il est recommandé de configurer la réécriture à l’aide d’un recouvrement. Voir Recouvrements
Les variations sociales peuvent être publiées sur les réseaux sociaux (texte et image). Dans Adobe Experience Manager (AEM), ces variantes sociales peuvent contenir des composants ; par exemple, des composants de texte ou d’image.
L’image et le texte de la publication sur le réseau social peuvent être extraits de n’importe quel type de ressource d’image ou de ressource de texte, à n’importe quel niveau de profondeur (dans le bloc fonctionnel ou dans le conteneur de mises en page).
Les variations sociales autorisent également les blocs fonctionnels et les prennent en compte lors de l’exécution d’actions sur les réseaux sociaux (dans l’environnement de publication).
Pour publier le contenu texte et image approprié sur le réseau social, il convient de respecter certaines conventions si vous développez vos propres composants personnalisés.
Pour ce faire, vous devez utiliser les propriétés suivantes :
Pour extraire l’image
fileReference
fileName
Pour extraire le texte
text
Les composants qui ne respectent pas cette convention ne sont pas pris en compte.
Seuls les modèles modifiables sont pris en charge pour les fragments d’expérience.
Lors du développement d’un modèle pour les fragments d’expérience, vous pouvez suivre les pratiques standard d’une modèle modifiable.
Pour créer un modèle de fragment d’expérience détecté par l’assistant Créer un fragment d’expérience, vous devez suivre l’un des ensembles de règles suivants :
Les deux :
Le type de ressource du modèle (le nœud initial) doit hériter de :
cq/experience-fragments/components/xfpage
Et le nom du modèle doit commencer par :
experience-fragments
Cela permet aux utilisateurs de créer des fragments d’expérience dans /content/experience-fragments, étant donné que la propriété cq:allowedTemplates
de ce dossier inclut tous les modèles dont le nom commence par experience-fragment
. Les clients peuvent mettre à jour cette propriété afin d’inclure leur propre schéma d’affectation de noms ou emplacement de modèle.
Les modèles autorisés peuvent être configurés dans la console des fragments d’expérience.
Les composants de développement à utiliser avec ou dans les fragments d’expérience sont conformes aux pratiques standard.
La seule configuration supplémentaire consiste à s’assurer que les composants sont autorisés sur ce modèle. Pour ce faire, la politique de contenu est utilisée.
Dans AEM, vous avez la possibilité de créer des fragments d’expérience. Un fragment d’expérience :
L’un des cas d’utilisation de ces groupes consiste à incorporer du contenu dans des points de contact tiers, tels qu’Adobe Target.
La fonction Exporter vers Target vous permet :
Cette fonction peut être activée sur une instance de création d’AEM. Elle nécessite une configuration Adobe Target valide, ainsi que des configurations pour l’externaliseur de liens.
L’externaliseur de liens est utilisé pour déterminer les URL appropriées nécessaires lors de la création de la version par HTML de l’offre Target, qui est ensuite envoyée à Adobe Target. Cela s’avère nécessaire dans la mesure où Adobe Target exige que tous les liens de l’offre HTML Target soient accessibles au public ; cela signifie que les ressources auxquelles les liens font référence et le fragment d’expérience proprement dit doivent être publiés avant d’être utilisés.
Par défaut, lorsque vous créez une offre HTML Target, une requête est envoyée à un sélecteur Sling personnalisé dans AEM. Ce sélecteur est appelé .nocloudconfigs.html
. Comme son nom l’indique, il crée un rendu HTML brut d’un fragment d’expérience, mais n’inclut pas de configurations cloud (qui seraient des informations superflues).
Une fois la page HTML générée, le pipeline Sling Rewriter apporte des modifications à la sortie :
Les éléments html
, head
et body
sont remplacés par des éléments div
. Les éléments meta
, noscript
et title
sont supprimés (il s’agit d’éléments enfants de l’élément head
d’origine et ils ne sont pas pris en compte lorsque celui-ci est remplacé par l’élément div
).
Cela permet de s’assurer que l’offre Target HTML peut être incluse dans les activités Target.
AEM modifie les liens internes présents dans le code HTML afin qu’ils pointent vers une ressource publiée.
Pour identifier les liens à modifier, AEM suit ce modèle pour les attributs d’éléments HTML :
src
href
*-src
Attributs (comme data-src, custom-src, etc.)*-href
Attributs (comme data-href
, custom-href
, img-href
, etc.)En règle générale, les liens internes du HTML sont des liens relatifs, mais il peut arriver que des composants personnalisés fournissent des URL complètes dans le HTML. Par défaut, AEM ignore ces URL complètes et n’effectue aucune modification.
Les liens de ces attributs sont exécutés via l’externaliseur de liens AEM publishLink()
pour recréer l’URL comme si elle se trouvait sur une instance publiée et, de ce fait, disponible publiquement.
Lors de l’utilisation d’une implémentation prête à l’emploi, le processus décrit ci-dessus doit être suffisant pour générer l’offre Target à partir du fragment d’expérience, puis l’exporter vers Adobe Target. Toutefois, certains cas d’utilisation ne sont pas pris en compte dans ce processus, à savoir :
Pour ces cas d’utilisation, AEM propose l’interface du fournisseur de réécriture de liens.
Cette interface a été introduite dans le SP1 AEM 6.5 (6.5.1.0).
Pour les cas plus complexes, non couverts par le paramètre par défaut, AEM propose l’interface du fournisseur de réécriture de liens. Il s’agit d’une interface ConsumerType
que vous pouvez implémenter dans vos bundles sous la forme d’un service. Elle ignore les modifications qu’AEM effectue sur les liens internes d’une offre HTML telle qu’elle est générée à partir d’un fragment d’expérience. Cette interface vous permet de personnaliser le processus de réécriture des liens de HTML interne afin de l’adapter aux besoins de votre entreprise.
Voici quelques exemples d’implémentation de cette interface en tant que service :
sling:alias mechanisms
pour les ressources.Cette interface traite uniquement les liens HTML internes de l’offre Target générée.
L’interface du fournisseur de réécriture de liens (ExperienceFragmentLinkRewriterProvider
) se présente comme suit :
public interface ExperienceFragmentLinkRewriterProvider {
String rewriteLink(String link, String tag, String attribute);
boolean shouldRewrite(ExperienceFragmentVariation experienceFragment);
int getPriority();
}
Pour utiliser l’interface, vous devez d’abord créer un lot contenant un nouveau composant de service qui implémente l’interface du fournisseur de réécriture de liens.
Ce service est utilisé pour se connecter à la réécriture Exporter vers Target du fragment d’expérience afin d’avoir accès aux différents liens.
Par exemple, ComponentService
:
import com.adobe.cq.xf.ExperienceFragmentLinkRewriterProvider;
import com.adobe.cq.xf.ExperienceFragmentVariation;
import org.osgi.service.component.annotations.Service;
import org.osgi.service.component.annotations.Component;
@Component
@Service
public class GeneralLinkRewriter implements ExperienceFragmentLinkRewriterProvider {
@Override
public String rewriteLink(String link, String tag, String attribute) {
return null;
}
@Override
public boolean shouldRewrite(ExperienceFragmentVariation experienceFragment) {
return false;
}
@Override
public int getPriority() {
return 0;
}
}
Pour que le service fonctionne, trois méthodes doivent à présent être implémentées en interne :
[shouldRewrite](#shouldrewrite)
[rewriteLink](#rewritelink)
rewriteLinkExample2
[getPriority](#priorities-getpriority)
Vous devez indiquer au système s’il doit ou non réécrire les liens lorsqu’un appel est effectué pour Exporter vers Target sur une variation donnée du fragment d’expérience. Pour ce faire, implémentez la méthode suivante :
shouldRewrite(ExperienceFragmentVariation experienceFragment);
Par exemple :
@Override
public boolean shouldRewrite(ExperienceFragmentVariation experienceFragment) {
return experienceFragment.getPath().equals("/content/experience-fragment/master");
}
Cette méthode reçoit, en tant que paramètre, la variation du fragment d’expérience qui est actuellement réécrite par le système Exporter vers Target.
Dans l’exemple ci-dessus, nous souhaitons réécrire les éléments suivants :
Les liens présents dans src
Uniquement les attributs href
Pour un fragment d’expérience spécifique :
/content/experience-fragment/master
Les autres fragments d’expérience transitant par le système Exporter vers Target sont ignorés et ne sont pas affectés par les modifications implémentées dans ce service.
S’agissant de la variation du fragment d’expérience concernée par le processus de réécriture, elle se poursuit pour permettre au service de traiter la réécriture du lien. Chaque fois qu’un lien est rencontré dans le code HTML interne, la méthode suivante est appelée :
rewriteLink(String link, String tag, String attribute)
En entrée, la méthode reçoit les paramètres suivants :
link
La variable String
Représentation du lien en cours de traitement. Il s’agit généralement d’une URL relative pointant vers la ressource sur l’instance de création.
tag
Nom de l’élément de HTML en cours de traitement.
attribute
Nom exact de l’attribut.
Par exemple, si le système Exporter vers Target traite cet élément, vous pouvez définir CSSInclude
en tant que :
<link rel="stylesheet" href="/etc.clientlibs/foundation/clientlibs/main.css" type="text/css">
L’appel de la rewriteLink()
méthode est effectué à l’aide des paramètres suivants :
rewriteLink(link="/etc.clientlibs/foundation/clientlibs/main.css", tag="link", attribute="href" )
Lorsque vous créez le service, vous pouvez prendre des décisions en fonction de l’entrée donnée, puis réécrire le lien en conséquence.
Dans notre exemple, nous souhaitons supprimer la partie /etc.clientlibs
de l’URL et ajouter le domaine externe approprié. Pour simplifier les choses, nous partons du principe que nous avons accès à un résolveur de ressources pour le service, comme dans rewriteLinkExample2
:
Pour plus d’informations sur l’obtention d’un résolveur de ressources par le biais d’un utilisateur des services, consultez Utilisateurs des services dans AEM.
private ResourceResolver resolver;
private Externalizer externalizer;
@Override
public String rewriteLink(String link, String tag, String attribute) {
// get the externalizer service
externalizer = resolver.adaptTo(Externalizer.class);
if(externalizer == null) {
// if there was an error, then we do not modify the link
return null;
}
// remove leading /etc.clientlibs from resource link before externalizing
link = link.replaceAll("/etc.clientlibs", "");
// considering that we configured our publish domain, we directly apply the publishLink() method
link = externalizer.publishLink(resolver, link);
return link;
}
Si la méthode ci-dessus renvoie null
, le système Exporter vers Target laisse le lien tel quel, un lien relatif vers une ressource.
Il n’est pas rare de devoir utiliser plusieurs services pour traiter différents types de fragments d’expérience, voire de disposer d’un service générique qui gère l’externalisation et le mappage pour tous les fragments d’expérience. Dans ce cas, des conflits peuvent survenir au niveau du service à utiliser. Aussi, AEM permet-il de définir des priorités pour différents services. Les priorités sont spécifiées en utilisant la méthode suivante :
getPriority()
Cette méthode permet d’utiliser plusieurs services pour lesquels la méthode shouldRewrite()
renvoie la valeur « true » pour le même fragment d’expérience. Le service qui renvoie la valeur la plus élevée à partir de sa méthode getPriority()
est celui qui traite la variation du fragment d’expérience.
Par exemple, un GenericLinkRewriterProvider
peut gérer le mappage de base pour tous les fragments d’expérience et lorsque la méthode shouldRewrite()
renvoie true
pour toutes les variations du fragment d’expérience. Pour plusieurs fragments d’expérience spécifiques, une gestion spéciale peut être souhaitable. Dans ce cas, vous pouvez donc fournir un SpecificLinkRewriterProvider
pour lequel la méthode shouldRewrite()
ne renvoie la valeur « true » que pour certaines variations du fragment d’expérience. Pour s’assurer que SpecificLinkRewriterProvider
est choisi pour traiter ces variations du fragment d’expérience, il doit renvoyer dans sa méthode getPriority()
un nombre supérieur à GenericLinkRewriterProvider.