Dynamic Media sjablonen dynamic-media-templates

Maak aanpasbare sjablonen in real time voor uw banners en vliegers met gebruik van Dynamic Media sjablonen, een WYSIWYG-sjablooneditor. Publiceer de Dynamic Media -sjabloon en gebruik deze in downstreamtoepassingen. Een Dynamic Media -sjabloon bevat afbeeldings- en tekstlagen. Voeg parameters aan het beeld en tekstlagen van het malplaatje toe en gebruik Dynamic Media URLs ​ om de laag te verplaatsen en resize en zijn inhoud in real time bij te werken.

Enkele van de belangrijkste functies zijn:

  • Dynamic MediaWYSIWYG-sjablooneditor: maak aanpasbare banners met afbeeldings- en tekstlagen.
  • Parameterization van de Laag: bepaal dynamische sleutel-waarde paren voor lagen om updates in real time toe te laten.
  • Dynamic MediaURL-ondersteuning: gebruik Dynamic Media URL's voor sjablonen, waarbij gepersonaliseerde waarden uit toepassingen van het type 1st of van derden worden geïntegreerd.
  • Controle van de Zichtbaarheid van de Laag: verberg of toon dynamisch lagen zoals nodig.
  • Slimme Tekst het Randen van de Tekst: past automatisch tekstgrootte aan om aangewezen gebieden te passen.

Enkele belangrijke voordelen van Dynamic Media sjablonen zijn:

  • optimaliseer 1 :1 Personalization: Inhoud van de spoorstaaf aan klantensignalen in real time.
  • Verminder Handmatige inspanning: Automate en versnelt inhoudsverwezenlijking en beheer.
  • verzekert Consistente Ervaringen Omnichannel: handhaaf merkconsistentie over kanalen.
  • Reuse Inhoud effectief: vermijd enig-gebruiksinhoud en schaal met dynamische, geparametereerde malplaatjes.
  • Mitigate Risks: update tarifering, kortingen, en verbindingen in real time.
  • verbeter de Betrokkenheid van de Klant: aandrijving interactieve, contextafhankelijke ervaringen.
NOTE
Klanten met een abonnement op de uitgebreide beveiligingsSKU kunnen geen gebruik maken van Dynamic Media -mogelijkheden, waaronder Dynamic Media Templates, voor dat Cloud Services-programma.

Leer hoe u in deze video stap voor stap een Dynamic Media -sjabloon maakt.

Voordat u begint prerequisites-for-dynamic-media-wysiwyg-template

Voer de volgende vereisten in om een Dynamic Media -sjabloon te maken en de URL voor levering te genereren:

  1. Toegang tot Dynamic Media .

  2. Op de startpagina van Assets View hebt u een map in Dynamic Media Assets om uw sjabloon op te slaan. ​ creeer een omslag ​ in Assets Assets ​om die omslag in Dynamic Media Assets ​te herhalen.

  3. ​ Synchroniseer de beelden beschikbaar in uw AEM Assets instantie met Dynamic Media om hen te gebruiken voor het creëren van het malplaatje ​.

  4. Publiceer de afbeeldingen die u wilt gebruiken bij het maken van de sjabloon om de URL van de levering van de sjabloon te genereren nadat u deze hebt gemaakt. De leverings-URL kan worden gebruikt in downstreamtoepassingen.

  5. Om een doopvont buiten het gebrek Adobe Sans F2 doopvont in de de tekstlaag van het malplaatje te gebruiken, ​ upload en publiceer gelijktijdig het doopvontdossier aan AEM en Dynamische Media ​. ​ de gesteunde formaten van het doopvontdossier zijn, AFM, OTF, PFB, PFM, PhotoFont, TTC, TTF ​. Ook, verzeker om 🔗 opnieuw te verwerken de bestaande doopvonten om hen te gebruiken. Zie ​ Doopvonten ​ voor meer informatie.

  6. Controleer het volgende in de aanraakinterface:

    • Op het tabblad Edit Dynamic Media Configuration page wordt Dynamic Media sync mode dat is ingesteld op Disabled by default , niet toegepast op alle AEM-mappen (Sync all content is uitgeschakeld). Zie ​ vormend Dynamische Media Cloud Service ​ voor meer informatie.
    • Dynamic Media sync mode wordt ingesteld op Enable for subfolders voor de doelmap of -submap waarin u de sjabloon na het maken wilt opslaan. Zie ​ het vormen Dynamic Media Cloud Service ​ voor meer informatie.

Dynamic Media -sjabloon maken how-to-create-dynamic-media-template

Voer de volgende stappen uit om een Dynamic Media -sjabloon te maken:

Een leeg canvas maken create-a-canvas

Voer de volgende stappen uit om een leeg canvas te maken:

  1. Navigeer naar Assets View , selecteer Dynamic Media Assets beschikbaar in het linkerpaneel en navigeer naar uw map om de sjabloon in die map op te slaan.

    Dynamische malplaatjes van Media

  2. Selecteer Create Template. Het dialoogvenster New Template wordt weergegeven.

    hoe te om dynamische malplaatjes tot stand te brengen die in real time kunnen worden aangepast

    note note
    NOTE
    De sjabloon wordt opgeslagen op de locatie waar u de sjabloon maakt. Selecteer Assets View op de startpagina van Dynamic Media Assets en klik op Create Template om de sjabloon op te slaan in de hoofdmap van Dynamic Media Assets .
  3. Geef een sjabloonnaam op, definieer de canvasbreedte en -hoogte en klik op Create . Er wordt een leeg canvas weergegeven met menuopties aan beide zijden voor het maken van de sjabloon. Houd de muisaanwijzer boven de menuopties om de knopinfo weer te geven.
    in real time aanpasbaar malplaatje

    note note
    NOTE
    Het toegestane breedte- en hoogtebereik ligt tussen 50 en 5000.

opties van het Menu op de juiste ruit: Gebruik deze opties om de noodzakelijke beelden en tekstlagen aan het canvas toe te voegen.

  • DM Malplaatjes : Klik om beelden aan het canvas toe te voegen.
  • aanpasbare malplaatjes : Klik om teksten aan het canvas toe te voegen.
  • aanpasbare malplaatjes : Klik om de lijst van alle lagen (beeld en tekst) op het canvas te zien. Elke afbeelding en tekst die aan het canvas wordt toegevoegd, wordt weergegeven als een afzonderlijke laag.

opties van het Menu op de linkerruit: Gebruik deze opties voor de volgende gemeenschappelijke redacteursacties.

  • DM Malplaatjes : Selecteer Malplaatjes DM en klik een laag op het canvas om het te selecteren.
  • malplaatjes die aanpassing steunen: Klik malplaatjes die aanpassing steunen of toetsenbordkortere weg gebruiken, CTRL + ] (Vensters) of Cmd + ] (Mac) om een geselecteerde laag vooruit te brengen.
  • hoe te om een malplaatje tot stand te brengen dat gemakkelijk kan worden aangepast : Klik hoe te om een malplaatje tot stand te brengen dat gemakkelijk kan worden aangepast of toetsenbordkortere weg, CTRL + [ (Vensters) of Cmd + [ (Mac) gebruiken om een geselecteerde laag achterwaarts te verzenden.
  • creeer een malplaatje dat onmiddellijk kan worden aangepast: Klik creeer een malplaatje dat onmiddellijk of gebruikstoetsenbordkortere weg kan worden aangepast, CTRL + Z (Vensters) of Cmd + Z (Mac) om de laatste actie ongedaan te maken.
  • malplaatje om banners snel tot stand te brengen: Klik malplaatje om banners snel tot stand te brengen of toetsenbordkortere weg te gebruiken, CTRL + Y (Vensters) of Cmd + Y (Mac) om de laatste actie opnieuw uit te voeren.
  • malplaatje om snel vliegers tot stand te brengen: Klik malplaatje om snel vliegers tot stand te brengen of toetsenbordkortere weg te gebruiken, CTRL + + (Vensters) of Cmd + + (Mac) om binnen het canvas te zoemen.
  • malplaatje om banners snel tot stand te brengen: Klik malplaatje om banners snel tot stand te brengen of toetsenbordkortere weg te gebruiken, CTRL + - (Vensters) of Cmd + - (Mac) om uit het canvas te zoemen.
  • De pers backspace of schrapt om de geselecteerde laag te schrappen als geen tekst of het bezit wordt uitgegeven.

Klik malplaatje om snel flyers tot stand te brengen en meer opties ( ) op de laag van het Canvas te selecteren om de canvasdimensies op elk ogenblik uit te geven terwijl het creëren van het malplaatje.

NOTE
Sjablonen staan maximaal 20 lagen toe, waaronder het canvas.

Afbeeldingen toevoegen aan het canvas add-images-to-the-canvas

Voer de volgende stappen uit om afbeeldingen aan het canvas toe te voegen:

  1. Klik creeer een banner in geen tijd om het ​ paneel van de Selecteur van Activa ​ te openen. In het deelvenster worden de afbeeldingen weergegeven die in uw AEM Assets-instantie zijn gesynchroniseerd met Dynamic Media .
  2. Blader in het deelvenster of gebruik trefwoorden in de zoekbalk om een specifieke afbeelding te zoeken.
  3. Sleep een afbeelding naar het canvas om deze te gebruiken. Zie Properties Panel voor het wijzigen van het formaat of het verplaatsen van een laag op het canvas.
    creeer een banner binnen seconden
  4. Schakel de schakeloptie Uniform Radius in en gebruik de schuifregelaar Corner Radius om de afronding van alle vier de hoeken van een afbeelding op uniforme wijze aan te passen. Schakel de schakeloptie uit om de afronding van hoeken aan te passen door aan elke hoek specifieke straalwaarden toe te wijzen.
    pas hoekronding van beeld aan

Tekstlagen toevoegen aan het canvas add-text-to-the-canvas

Voer de volgende stappen uit om tekstlagen aan het canvas toe te voegen:

  1. Klik creërend nieuwe banners geleidelijk om een tekstlaag aan het canvas toe te voegen en het paneel van Eigenschappen te openen.
  2. Selecteer de laag en klik op de tekst om deze bij te werken.
  3. Selecteer Smart Text Resize in het deelvenster Eigenschappen om de tekstlengte en tekengrootte automatisch aan te passen aan de optimale grootte in het desbetreffende gebied.
    best klantgerichte banners

Zie Properties Panel om de laag te verplaatsen, te vergroten of te verkleinen, te roteren of te verwijderen. Maak de tekst op in het gewenste lettertype, de gewenste grootte, kleur, stijl, uitlijning (in de laag) door de waarden van de tekst te wijzigen in de desbetreffende velden onder de sectie Text van het deelvenster. In het veld Font Family wordt het standaardlettertype van Adobe Sans F2 weergegeven, evenals de opnieuw verwerkte bestaande lettertypen en de nieuw geüploade en gepubliceerde lettertypen. Zie punt 5 in ​ alvorens u ​ sectie hierboven voor meer informatie begint.

​ de specifieke delen van het Formaat van tekst ​ en ​ bepalen hen om hen onafhankelijk te controleren ​.

Selectieve tekst opmaken apply-formatting-to-substring

Voer de volgende stappen uit om specifieke delen van een tekenreeks op te maken:

  1. Selecteer een of meer tekens in de tekenreeks die u wilt opmaken.

  2. Formaat de selectie gebruikend het ​ eigenschappen paneel ​. De volgende opmaakopties zijn van toepassing op subtekenreeksen en hun onderdelen:

    • Stijl van de Doopvont: Vet, cursief, onderstrepen, subscript, en superscript gebruikend de Font Style optie.
    • Eigenschappen van de Doopvont: De doopvontfamilie van de verandering, kleur, en grootte gebruikend de respectieve paneelopties.
      formaat-substring

​ elk geformatteerd koorddeel toont als substring in de substring selecteur, beschikbaar binnen het parameterpaneel. Voeg parameters aan deze geformatteerde delen toe om hen dynamisch te formatteren gebruikend de levering URL van het malplaatje ​.

Vormen toevoegen aan het canvas add-shapes-to-the-canvas

Voer de volgende stappen uit om vormen toe te voegen aan het canvas:

  1. Klik creërend vormen , selecteer een vorm (rechthoek of cirkel) om het aan het canvas toe te voegen. Gebruik de vorm Properties Panel om de laag te verplaatsen, te vergroten of te verkleinen, te roteren of te verwijderen.
  2. Blader naar de sectie Style van het deelvenster, definieer een hexadecimale code in het veld Shape Color of gebruik de kleurkiezer om de kleur in de geselecteerde vorm te vullen.
  3. Schakel de schakeloptie Uniform Radius in en gebruik de schuifregelaar Corner Radius om de afronding van alle vier de hoeken van de rechthoek uniform aan te passen. Schakel de schakeloptie uit om de afronding van hoeken aan te passen door aan elke hoek specifieke straalwaarden toe te wijzen.
    pas hoekronding van vormen aan
  4. ​ voeg de Hide parameter aan de geselecteerde laag ​ toe om de laag in het malplaatje in real time te tonen of te verbergen gebruikend het malplaatje URL.
  5. Selecteer de laag aan ​ om a CTA verbinding ​ aan het toe te voegen, toestaand gebruikers om de vorm als hyperlink in het levende malplaatje te klikken.

Een laag bewerken of verwijderen edit-or-delete-a-layer

Voer de volgende stappen uit om een canvaslaag te bewerken of te verwijderen:

  1. Klik malplaatjes met steun aan dynamische updates en selecteer de laag of op het canvas of van de lijst van Lagen.
  2. Klik more options ( malplaatjes met steun aan updates in real time ) om de laag uit te geven of te schrappen.
  3. Klik op Delete om de laag te verwijderen.
  4. Klik op Edit om de laag te bewerken met Properties Panel .
    snelle bannerverwezenlijking

Deelvenster Eigenschappen properties-panel

Properties paneel omvat secties aan ​ herpositie ​, ​ resize ​ en ​ roteert ​ een laag. Het verstrekt ook de opties van de kleurenvulling voor ​ vormlagen ​, ​ tekst het formatteren opties ​ voor ​ tekstlagen ​, en een optie om ​ toe te voegen a CTA verbinding ​ aan om het even welke geselecteerde laag.
Om aan het de eigenschappenpaneel van een laag te navigeren, klik snelle inhoudsverwezenlijking en selecteer de laag van de lijst om zijn Properties paneel te tonen.

snelle inhoudsverwezenlijking

Selecteer in het deelvenster Properties van een laag een andere laag op het canvas om naar het deelvenster Properties te navigeren.

Een laag verplaatsen, vergroten, verkleinen, roteren of verwijderen reposition-resize-delete-a-layer

Zie de volgende algemene handelingen voor het bewerken van lagen om tekst of een afbeeldingslaag te bewerken:

  • verplaats de laag: sleep de laag om het overal op het canvas te bewegen. Met deze actie worden de X- en Y-waarden in het deelvenster Eigenschappen bijgewerkt. X en Y zijn de coördinaten van het middelpunt van de laag op het canvasvlak.
  • resize de laag: selecteer de laag en sleep zijn randhandvatten om het te resize. Met deze handeling worden de waarden voor B (breedte) en H (hoogte) in het deelvenster Eigenschappen bijgewerkt.
  • roteer de laag: sleep het vierkante handvat dat verticaal boven de laag wordt geplaatst om het rond zijn centrum te roteren. Met deze handeling worden de hoekwaarden in het deelvenster Eigenschappen bijgewerkt.
  • Schrap de laag: Pers Backspace of schrapt en klikt dan Confirm om een geselecteerde laag te schrappen.

Opties voor tekstopmaak text-formatting-options-on-properties-panel

Maak de tekst op in het gewenste lettertype, de gewenste grootte, kleur, stijl, uitlijning (binnen de laag) door de waarden van de tekst te wijzigen in de desbetreffende velden onder de sectie Text in het deelvenster.
Zorg ervoor dat u Smart Text Resize opneemt. Smart Text Resize werkt op ​ Copyfitting ​ algoritme om tekst in het tekstgebied optimaal te vullen en tekstoverloop te verhinderen en extra ruimte bij de bodem van de tekst te minimaliseren.

inhoudsverwezenlijking in geen tijd

Lagen parametereren parameterise-a-layer

Nadat u een sjabloon hebt gemaakt met meerdere lagen afbeeldingen, tekst en vormen, kunt u de geselecteerde lagen het beste bepalen. Wanneer een laag of zijn bezit wordt bepaald, krijgt het een zeer belangrijk-waardepaar (ook genoemd als parameter). Deze parameter kan in het malplaatje URL worden omvat om de positie, de grootte of de inhoud van de laag in echt bij te werken - tijd resulterend in malplaatjeaanpassing in geen tijd.

U kunt als volgt een laag bepalen:

  1. klik onmiddellijke inhoudsverwezenlijking , selecteer een laag en klik Parameters. Het deelvenster Parameters wordt weergegeven.
  2. Schakel Include Parameter in om een eigenschap te bepalen. Zie de ​ het paneeloptie van Parameters ​ om het gedrag van het bezit na parameterization te kennen.
  3. Facultatief: noem de parameternaam anders. Een parameternaam heeft een laagnaam gevolgd door een achtervoegsel. Voor een geselecteerde laag delen alle eigenschappen met parameters dezelfde laagnaam, gevolgd door een variërend achtervoegsel. Wijzig de naam van de laag door de semantische noemende overeenkomst te volgen zodat wanneer u de parameter in URL omvat, de parameternaam zelf over de inhoud van de laag of zijn doel verklaart.
  4. Klik op Save.
    onmiddellijke inhoudsverwezenlijking
    Als u wilt schakelen tussen het deelvenster Parameter van een afbeelding en een tekstlaag, selecteert u de laag op het canvas en klikt u op Parameters .

Opties in het deelvenster Parameters parameterisation-options-or-allowed-parameters

De parameters van eigenschappen kunnen als parameters URL in het malplaatje URL worden omvat om het malplaatje in echt uit te geven - tijd gebruikend URL.

Laagparameters layer-parameters

Hier volgt een lijst met laagparameters die op zowel afbeeldings- als tekstlagen van toepassing zijn.

X: neem op om de laag horizontaal langs zijn middellijn, parallel aan de x-as van het malplaatjevliegtuig, te bewegen door de waarde van de parameter in URL te veranderen.
Y: neem op om de laag verticaal langs zijn middellijn, parallel aan de y-as van het malplaatjevliegtuig, te bewegen door de waarde van de parameter in URL te veranderen.
Width: neem op om de breedte van de laag aan te passen door de waarde van de parameter in URL te wijzigen.
Height: neem op om de hoogte van de laag aan te passen door de waarde van de parameter in URL te wijzigen.
Hide: neem op om de laag in de sjabloon te verbergen of weer te geven met 0 (show) en 1 (hide).

Afbeeldingsparameter image-parameter

Neem de parameter Source op om de afbeelding van de laag te vervangen door een nieuwe afbeelding door het afbeeldingspad in de waarde van de parameter in de URL te wijzigen.
de parameter van de beeldbron

Tekstopmaakparameters text-formatting-parameters

Neem de volgende parameters op om de tekst, het lettertype, de kleur en de grootte van de tekst vanuit de leverings-URL te bewerken door de parameterwaarden in de URL bij te werken:

Text: neem hier tekst op om de URL bij te werken.
Font Family: neem op om het lettertype van de tekst via de URL bij te werken.
Font Size: neem hier de tekengrootte van de tekst op via de URL.
Text color: neem de lettertypekleur van de tekst op om deze bij te werken via de URL.

Subtekenreeksen parametereren substring-parameterisation

Blader in het deelvenster Parameters naar de sectie Substring Parameters . Deze sectie omvat a substring selecteur die het volledige koord (geselecteerde tekstlaag) met het verenigbare formatteren of zijn geformatteerde delen als afzonderlijke substrings toont. Selecteer substring aan ​ parameterize zijn tekst, doopvontfamilie, doopvontgrootte, en kleur ​.
Gebruik substring selecteur aan ​ gespleten substrings ​ om zijn individuele delen van parameters te bepalen of ​ substrings ​ samenvoegen om eenvormige parameters toe te passen.

Subtekenreeks splitsen split-substring

Als u een bepaald gedeelte van een subtekenreeks wilt parameteren, haalt u het onderdeel uit en maakt u het als een aparte subtekenreeks voor de afzonderlijke selectie en parameterbepaling. Voer de volgende stappen uit om een subtekenreeks in afzonderlijke subtekenreeksen te splitsen:

  1. Selecteer in de subtekenreeks-kiezer de tekens in een subtekenreeks om deze te scheiden.
  2. Klik gespleten substring om de selectie uit te trekken en het een afzonderlijk substring binnen de substring selecteur te maken.
    gespleten substring
    U kunt vereiste substring selecteren om ​ zijn tekst, doopvontfamilie, doopvontgrootte, en kleur ​ te bepalen.
Subtekenreeks samenvoegen merge-substring

Het samenvoegen van subtekenreeksen verwijdert de bestaande individuele parameters en stelt u in staat consistente parameters toe te passen op de nieuw gevormde subtekenreeks.
Voer de volgende stappen uit om twee aangrenzende subtekenreeksen samen te voegen om uniforme parameters toe te passen op de resulterende subtekenreeks:

  1. Selecteer in de subtekenreekskiezer tekens voor twee aangrenzende subtekenreeksen met dezelfde opmaak.

  2. Klik samenvoegen substring om substrings samen te voegen.
    fusie identieke substrings
    U kunt uniforme parameters toepassen op de nieuwe subtekenreeks.

    note note
    NOTE
    Alleen subtekenreeksen met dezelfde opmaak kunnen worden samengevoegd.

Lagen groeperen om de zichtbaarheid ervan tegelijk te regelen group-layers

Een andere manier om uw malplaatjes flexibel te houden, is door één enkele parameternaam te gebruiken om veelvoudige lagen te controleren. Deze strategie is handig voor de zichtbaarheidsparameter (lagen verbergen of weergeven) om het ontwerp of de afbeeldingen van één sjabloon bij te werken.

Volg deze stappen om de zelfde naam aan de Hide parameters ( snelle inhoudsverwezenlijking ) van veelvoudige lagen toe te wijzen, toestaand u om hen gelijktijdig te verbergen of te tonen.

  1. Navigeer naar de Properties Panel van een laag.
  2. Schakel de parameter Hide in als deze niet eerder is geparametereerd.
  3. Facultatief: noem de Hide Parameter anders.
  4. Kopieer de naam van de parameter Hide .
  5. Ga naar het deelvenster Parameter van andere lagen door deze op het canvas te selecteren en schakel de parameter Hide ervan in of u de parameters niet wilt wijzigen.
  6. Vervang de naam Hide parameter ervan door de gekopieerde naam.
  7. Klik op Save om de lagen te groeperen.
  8. Voer stap 3 en vervolgens 4 uit in de sectie Preview and Publish om uw wijzigingen te zien.

De sjabloon voorvertonen en publiceren om de leverings-URL te kopiëren preview-and-publish-template-and-copy-template-deliver-url

Voer de volgende stappen uit om de sjabloon voor te vertonen en te publiceren en de URL van de levering te kopiëren:

  1. Klik op Preview op de canvaspagina. U kunt ook naar Assets View > Dynamic Media Assets > zoeken navigeren en uw malplaatje selecteren > klikken Edit Template > klikken Preview. Op de voorvertoningspagina worden de sjabloon, de parameters (geparametereerde lagen en eigenschappen), de publicatiestatus en de optie Publish weergegeven.

  2. Selecteer parameters in het deelvenster Template Parameters om de waarden van de parameters te bewerken en de inhoud, grootte, positie of tekstopmaak van de overeenkomstige sjabloonlaag in de voorvertoning direct bij te werken. Bijvoorbeeld:

    1. Selecteer een tekstlaag en bewerk de tekst of
    2. Selecteer een beeldlaag, klik creërend inhoud op de vlucht , selecteer een beeld van de activaselecteur, en klik Refresh.

    De sjabloon wordt onmiddellijk bijgewerkt, waarbij de bewerkte tekst wordt weergegeven en de vorige afbeelding wordt vervangen door de nieuwe. Bovendien weerspiegelt de waarde van de afbeeldingsparameter het nieuwe afbeeldingspad. Op dezelfde manier kunt u het formaat van een laag aanpassen door zijn waarden aan te passen, en de veranderingen worden toegepast op het malplaatje in echt - tijd.

  3. Selecteer de Hide parameter voor ​ gegroepeerde lagen ​ van de lijst om hen samen in het malplaatje te tonen of te verbergen.

  4. Facultatief: verander de Hide parameterwaarde tussen 0 en 1 en klik Refresh om de veranderingen te zien. Lagen met dezelfde parameter Hide worden samen verborgen of weergegeven. Op dezelfde manier kunt u de zichtbaarheid van lagen bepalen via de URL.

    creërend inhoud op de vlucht
    U kunt Include all parameters ook schakelen om alle weergegeven parameterwaarden te bewerken en de updates in de sjabloonvoorvertoning te bekijken.

  5. Als u de sjabloon vanaf de voorvertoningspagina wilt publiceren, klikt u op Publish en bevestigt u dat u de sjabloon wilt publiceren. Er wordt een Publish Complete -bericht weergegeven en de publicatiestatus wordt bijgewerkt naar Published .

De leverings-URL kopiëren

De geselecteerde parameters op de pagina Preview worden de URL-parameters in de sjabloon-URL.

Zorg ervoor dat de afbeeldingen in de sjabloon al zijn gepubliceerd naar AEM en Dynamic Media om de leverings-URL van de sjabloon te genereren.

Voer de volgende stappen uit om de leverings-URL van de sjabloon te kopiëren:

  1. Klik op Copy URL. Het dialoogvenster Copy URL wordt weergegeven. Selecteer en kopieer de weergegeven URL. De eerste parameter in URL begint na een vraagteken (?) en een zeer belangrijk-waardepaar begint met $ en beëindigt met &. De sleutel en de waarde worden gescheiden door een gelijkteken (=), met de sleutel op de linkerzijde en de waarde op het recht.
  2. Plak deze URL in het browsertabblad en bekijk de live sjabloon. Pas het malplaatje in real time aan door de vereiste waarde van de parameter (de waarde van Sleutel) in URL direct bij te werken zoals aangetoond in ​ stap 2 ​ van Voorproef en publiceer sectie.
  3. Gebruik deze URL voor snelle verkoop van uw producten of services. U kunt deze URL delen met uw klanten of deze integreren in uw website of een andere downstreamtoepassing van derden om de banner weer te geven en er realtime updates voor uit te voeren die de lopende aanbiedingen weerspiegelen.

Updates in real time van de sjabloon maken via de URL update-the-template-from-the-url

Het rechtstreeks bewerken van parameters in de URL kan vervelend zijn. Ter vereenvoudiging:

  1. Kopieer de URL en plak deze in een blok.

  2. Gebruik Cmd+F (Mac) of Ctrl+F (Windows) om de parameterwaarden te zoeken en te bewerken. Bijvoorbeeld:

    • Afbeeldingspaden voor afbeeldingslagen zoeken en vervangen.
    • Vind de laag ​ geparameterized ​ coördinaten, breedte en hoogte, om hun waarden aan te passen.
    • Bewerk tekst, lettertype, kleur, grootte of uitlijning voor tekstlagen.
    • Wijzig de zichtbaarheidswaarden tussen 0 en 1.

Plak deze bijgewerkte URL in uw browser om de wijzigingen weer te geven.

De sjabloon bewerken edit-the-template

Voer de volgende stappen uit om de sjabloon te bewerken:

  1. Klik op Assets view in het Dynamic Media Assets .
  2. Navigeer naar de sjabloonlocatie.
  3. Selecteer de sjabloon.
  4. Klik op Edit Template. Op het sjablooncanvas worden de sjabloon en de lijst met alle lagen in het deelvenster Lagen weergegeven. Begin uw sjabloon naar wens te bewerken.

Koppeling naar Call to action (CTA) toevoegen aan uw sjabloonlaag add-CTA-in-dynamic-media-templates

U kunt elke afbeelding, tekst of vormlaag van uw Dynamic Media -sjabloon omzetten in een hyperlink door er een CTA-koppeling aan toe te voegen die gebruikers naar een doelpagina stuurt.

Voer de volgende stappen uit om een CTA-koppeling aan een laag toe te voegen:

  1. Navigeer aan uw malplaatjeplaats, selecteer het malplaatje en klik uitgeven Edit Template. De sjabloon wordt weergegeven op het canvas.

  2. Selecteer de malplaatjelaag en ​ navigeer aan zijn eigenschappen paneel ​ om een verbinding van CTA aan het toe te voegen.

  3. Selecteer Add CTA in het deelvenster Eigenschappen, geef de doel-URL op in het veld URL en klik op Save .

    voeg CTA toe

  4. Klik op Preview en selecteer Publish om de sjabloon te publiceren als deze niet eerder is gepubliceerd.

  5. Navigeer aan de omslag waar dit malplaatje wordt bewaard, selecteer dit malplaatje en klik detailspagina Details.

  6. Klik op Copy Options en selecteer Copy Embed Code . Publiceer de sjabloonafbeeldingen naar AEM and Dynamic Media om de insluitcode te kopiëren.

    exemplaar bedt code in

    Hieronder ziet u een voorbeeld van de insluitcode:

    code language-json
     <div class="adobe-dynamicmedia-template-embed-container">
     <img id="<Image ID>>" src="<Image Source>>" alt="adobe dynamicmedia template" usemap="#adobe-dynamicmedia-template-map" width="800" height="300">
     <map name="adobe-dynamicmedia-template-map">
     <area shape="rect" coords="417,-60,817,340" href="https://business.adobe.com/nl/products.html" alt="Layer with CTA" title="https://business.adobe.com/nl/products.html" target="_blank">
     <area shape="rect" coords="6,206.57,129,231.43" href="https://business.adobe.com/nl/products.html" alt="Layer with CTA" title="https://business.adobe.com/nl/products.html" target="_blank">
     </map>
     </div>
    
  7. Voeg de gekopieerde insluitcode toe aan het HTML-bestand van uw site en voer deze code uit in uw browser om de sjabloon weer te geven.

Klik op het CTA-element op de sjabloon om naar de doelpagina te navigeren.

Bekijk deze stapsgewijze video om te leren hoe u een CTA-koppeling aan een sjabloonlaag kunt toevoegen.

Belangrijke opmerkingen important-points-to-note

  • Nadat u een sjabloon hebt gemaakt met geparametriseerde afbeeldingslagen voor dynamische updates, zorgt u ervoor dat de afbeeldingen die u wilt bijwerken in de toekomst dezelfde afmetingen hebben als de geparametriseerde afbeeldingen. Zo kunt u ervoor zorgen dat de afbeeldingen perfect in de lagen passen zonder dat ze te veel stromen of lege ruimten overblijven. De sjabloon ondersteunt momenteel geen automatische dimensionering om afbeeldingen in de lagen te passen.
  • Een tekstlaag biedt geen ondersteuning voor subtekenreeksen. De gebruiker kan geen verschillende lettertype-eigenschappen toepassen op een subtekenreeks van een tekstlaag.
  • Ondersteuning voor meerdere Dynamic Media -bedrijven is momenteel niet beschikbaar voor Dynamic Media Templates.
  • In het geval van kopiëren of verplaatsen toont de Bestemmingskiezer alle mappen (inclusief niet- Dynamic Media gesynchroniseerde mappen). Momenteel worden ook niet de sjabloonelementen van Dynamic Media weergegeven (beide zijn beperkingen van de doelkiezer).
  • Elke updatebewerking in een map (bijvoorbeeld Publiceren of Verwijderen) uit de Assets-sectie heeft invloed op de Dynamic Media -sjablonen die beschikbaar zijn in die map.
  • Prullenbak werkt niet voor Dynamic Media sjablonen. Als een element naar de prullenbak wordt verplaatst en vervolgens wordt teruggezet, wordt het element in AEM teruggezet, maar niet op Dynamic Media . Hetzelfde geldt voor Dynamic Media Templates.

Zie ook

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab