Carousel-banners carousel-banners

identificeer hotspot en beeld kaartvariabelen(slechts voor klanten die Experience Manager Assets + Dynamic Media gebruiken)

Begin door dynamische variabelen te identificeren die door de bestaande implementatie van QuickView worden gebruikt zodat u hotspots en beeldkaartgegevens behoorlijk tijdens het proces van de de bannerverwezenlijking van de carrousel in Adobe Experience Manager Assets kunt ingaan.

Optioneel: Maak zo nodig een viewervoorinstelling voor een carrouselset.

Als beheerder kunt u het gedrag en de weergave van de carrousel aanpassen door uw eigen voorinstelling voor de Carousel-viewer te maken. Het belangrijkste voordeel is dat u deze aangepaste viewer-voorinstelling kunt hergebruiken voor meerdere carrousels. Gebruikers kunnen het gedrag en de weergave van de carrousel echter desgewenst rechtstreeks aanpassen tijdens het ontwerpen van de carrousel. Deze methode heeft de voorkeur wanneer u een specifiek ontwerp voor een bepaalde carrousel wilt.

upload een Banner van het Beeld.

Upload afbeeldingsbanners die u interactief wilt maken.

creeer de Reeksen van Carousel.

In de Reeksen van Carrousels, navigeren de gebruikers door bannerbeelden en selecteren hotspots of beeldkaarten om tot relevante inhoud toegang te hebben.

Als u een Carousel-set wilt maken in Assets, selecteert u Create en vervolgens Carousel Sets . Voeg elementen toe aan elke dia en selecteer Save . U kunt de weergave en het gedrag van de carrousel ook rechtstreeks in de editor bewerken.

voeg hotspots of beeldkaarten aan een Banner van het Beeld toe.

Voeg een of meer hotspots of afbeeldingen met hyperlinks toe aan een afbeeldingsbanner en koppel deze aan een actie zoals een koppeling, een Snelle weergave of een Experience-fragment. Nadat u hotspots of afbeeldingen met hyperlinks hebt toegevoegd, kunt u deze taak voltooien door de carrouselset te publiceren. Met Publiceren maakt u de insluitcode die u kunt gebruiken om de bestemmingspagina van uw website te kopiëren en toe te passen.

Zie (Optioneel) Voorvertoning van carrouselbanners weergeven- Optioneel. U kunt desgewenst een voorstelling van de carrouselset weergeven en de interactiviteit ervan testen.

Publish carrouselbanners.

U publiceert een Carousel-set op dezelfde manier als elk ander element. Navigeer in Assets naar de Carousel-set, selecteer deze en selecteer Publish . Als u een Carousel-set publiceert, worden de URL en de insluittekenreeks geactiveerd.

Voer een van de volgende handelingen uit:

• voeg een carrouselbanner aan uw website toeu kunt carrouselbanner URL toevoegen of code inbedden u op de website pagina hebt gekopieerd.

  • integreer de carrouselbanner met een bestaande QuickView. Als u een systeem voor webcontentbeheer van derden gebruikt, moet u de nieuwe carrouselbanner integreren met de bestaande Quickview-implementatie op uw website.

• voeg een carrouselbanner aan uw website in Experience Managertoe als u een klant van Experience Manager Sites bent u de carrousel kunt toevoegen die direct aan de pagina in Experience Manager wordt geplaatst, gebruikend de Interactieve component van Media.

Navigeer in Assets naar de map waarin u de Carousel-set wilt maken en ga naar Create > Carousel Set .

Selecteer op de pagina met de editor van de carrouselbanner de optie Tap to open Asset Selector om de afbeelding voor de eerste dia te selecteren.

Voer een van de volgende handelingen uit op de pagina voor de editor van carrouselbanners:

• Selecteer Add Slide pictogram in de linkerbovenhoek van de pagina.

• Selecteer Tap to open Asset Selector in het midden van de pagina.

Selecteer deze optie om de elementen te selecteren die u in de Carousel-set wilt opnemen. Geselecteerde assets hebben een vinkje. Wanneer u klaar bent, selecteert u Select in de rechterbovenhoek van de pagina.

Met de assetkiezer kunt u naar assets zoeken door een trefwoord te typen en op Return te tikken of klikken. U kunt ook filters toepassen om de zoekresultaten te verfijnen. U kunt filteren op pad, verzameling, bestandstype en tag. Selecteer het filter en selecteer vervolgens het pictogram Filter op de werkbalk. Wijzig de weergave door te tikken op het pictogram Weergave en Column View, Card View of List View te selecteren.

Zie Werk met Kiezersvoor meer informatie.

Ga door met het toevoegen van dia's totdat u alle afbeeldingen hebt toegevoegd die u wilt roteren in de Carousel-set.

(Optioneel) Voer een van de volgende handelingen uit:

• Sleep indien nodig dia's om de volgorde van de afbeeldingen in de lijst te wijzigen.

• Als u een afbeelding wilt verwijderen, selecteert u de afbeelding en vervolgens Delete Slide op de werkbalk.

• Als u een voorinstelling wilt toepassen, selecteert u in de rechterbovenhoek van de pagina de vervolgkeuzelijst met voorinstellingen en selecteert u vervolgens een voorinstelling die u tegelijk op de set wilt toepassen.

Als u een dia wilt verwijderen, selecteert u de dia en vervolgens op de werkbalk de optie Delete Slide . Als u een dia wilt verplaatsen, selecteert u het pictogram voor opnieuw ordenen en houdt u de muisknop ingedrukt en gaat u naar de gewenste locatie.

Nadat u de afbeeldingen in dia's hebt toegevoegd, kunt u een hotspot, afbeelding met hyperlinks of beide toevoegen aan uw afbeelding. Zie hotspots of beeldkaarten aan een Banner van het Beeldtoevoegen.

U kunt het visuele ontwerp en het gedrag van carrouselsets wijzigen. Selecteer de tabbladen Behavior en Appearance en pas aan hoe de carrouselbanner wordt weergegeven of hoe specifieke componenten zich gedragen. Zie de kijker beheren steltvoor meer informatie vooraf in over hoe te om de kijkersredacteur te gebruiken.

* Duur waarin een afbeelding wordt weergegeven. Standaard wordt elke afbeelding 9 seconden weergegeven.
* Animatie. Elke dia-overgang is standaard vervagen. U kunt dat wijzigen in een dia-overgang.
* Stijl van de knoppen. Gebruikers kunnen door de banners roteren door op elke punt of elk getal te tikken. U kunt wijzigen waar de knoppen van de ingestelde indicator worden weergegeven (en of ze numeriek of gestippeld zijn) en hoe groot ze zijn.
* Wijzig de markeerstijl van een afbeeldingskaart of het pictogram dat voor hotspots wordt gebruikt.
* Voordat u een viewervoorinstelling bewerkt, kiest u de stijl waarop de voorinstelling moet zijn gebaseerd. Als u geen stijl kiest en de voorinstelling van de viewer gaat bewerken, gaan alle wijzigingen verloren als u besluit dat u een andere voorinstelling wilt gebruiken.

U kunt ook een voorvertoning weergeven van de wijze waarop de carrouselbanner wordt weergegeven. Zie (Optioneel) Voorvertoning van carrouselbanners weergeven.

Selecteer Save wanneer u klaar bent.

Navigeer vanuit Assets naar de carrouselset die u interactief wilt maken.

Selecteer de carrouselset en selecteer Edit . De Carousel Viewer Editor wordt geopend.

Selecteer de dia die u interactief wilt maken.

Selecteer Hotspot of Image Map in de linkerbovenhoek van de pagina.

Voer een van de volgende handelingen uit:

• Voor hotspots: selecteer in de afbeelding de locatie waar u de hotspot wilt weergeven.
• Voor afbeeldingen met hyperlinks: selecteer de afbeelding in de afbeelding en sleep deze vervolgens van linksboven naar rechtsonder om het gebied voor de afbeelding met hyperlinks te maken. U kunt de grootte van de afbeelding met hyperlinks aanpassen door de hoeken te slepen.

Sleep indien nodig de hotspot of de afbeelding met hyperlinks naar een nieuwe locatie. Voeg desgewenst meer hotspots of afbeeldingen met hyperlinks toe.

Als u een hotspot of afbeelding met hyperlinks wilt verwijderen, selecteert u de tab Actions . Selecteer onder de kop Maps & Hotspots in het vervolgkeuzemenu Selected Type de naam van de hotspot of de afbeelding met hyperlinks die u wilt verwijderen. Selecteer het pictogram Trash naast het menu en selecteer vervolgens Delete .

Typ in het tekstveld Naam de naam van de hotspot of de afbeelding met hyperlinks. Deze naam wordt ook weergegeven in de vervolgkeuzelijst Maps & Hotspot . Als u een naam opgeeft, kunt u de hotspot of de afbeelding met hyperlinks gemakkelijk herkennen als u deze later wilt wijzigen.

Voer op het tabblad Actions een van de volgende handelingen uit:

• Selecteer Quickview .

  • Als u een Experience Manager Sites- en e-commerceklanten bent, selecteert u het pictogram Productkiezer (vergrootglas) om de pagina Selecteer product te openen. Selecteer het product dat u wilt gebruiken en selecteer vervolgens het vinkje in de rechterbovenhoek van de pagina zodat u kunt terugkeren naar de editor voor carrouselbanners.

  • Als u geen klant van Experience Manager Sites of van de Handel bent

    • Zie hotspot variabelen identificerenals u deze variabelen wilt bepalen.

    • Voer vervolgens handmatig de SKU-waarde in. Typ in het tekstveld SKU-waarde de SKU (Stock Keeping Unit) van het product. Dit is een unieke id voor elk afzonderlijk product of elke service die u aanbiedt. De ingegaan waarde van SKU bevolkt automatisch het veranderlijke gedeelte van het malplaatje van de Snelle mening zodat het systeem weet om geëtteerde hotspot met een bepaalde Snelle mening van SKU te associëren.

    • (Optioneel) Als de Snelle weergave andere variabelen bevat die u moet gebruiken om een product verder te identificeren, selecteert u Add Generic Variable . Geef in het tekstveld een extra variabele op. category=Mens is bijvoorbeeld een toegevoegde variabele.

    • Zie Werk met Kiezersvoor meer informatie.

• Selecteer Hyperlink .

  • Als u een Experience Manager Sites-klant bent, selecteert u het pictogram Sitekiezer (map) om naar een URL te navigeren.

    note note
    NOTE
    De op URL gebaseerde methode van het verbinden is niet mogelijk als uw interactieve inhoud verbindingen met relatieve URLs, in het bijzonder verbindingen met Experience Manager Sites pagina's heeft.

  • Als u een zelfstandige klant bent, geeft u in het tekstveld HREF het volledige URL-pad naar een gekoppelde webpagina op.

Zorg ervoor dat u opgeeft of u de koppeling wilt openen in een nieuw browsertabblad (aanbevolen standaard) of op hetzelfde tabblad.

Zie Werkend met Kiezersvoor meer informatie.

• Selecteer Experience Fragment .

  • Als u een Experience Manager Sites-klant bent, selecteert u het zoekpictogram (vergrootglas) om de pagina Experience Fragment te openen. Selecteer het gewenste fragment van de Ervaring en selecteer vervolgens Select in de rechterbovenhoek van de pagina zodat u kunt terugkeren naar de pagina voor hotspotbeheer.
    Zie Fragmenten van de Ervaring.

  • Geef de breedte en hoogte van het ervaringsfragment op zoals dit op de banner wordt weergegeven.

    note note
    NOTE
    De gereedschappen voor het delen van sociale media in carrouselbanner worden niet ondersteund wanneer u de viewer insluit in een ervaringsfragment.
    U kunt dit probleem omzeilen door viewervoorinstellingen te maken die geen gereedschappen voor het delen van sociale media hebben. Met dergelijke voorinstellingen voor viewers kunt u de voorinstelling met succes insluiten in Experience Fragments.

U kunt ook een voorvertoning weergeven van de wijze waarop de carrouselbanner wordt weergegeven. Zie (Optioneel) Een voorvertoning weergeven van carrouselbanners.

Selecteer Save .

Publish de carrouselset. Bij het publiceren wordt de insluitcode of URL gemaakt die u op uw websitepagina kunt gebruiken. Als u een Experience Manager Sites-klant bent, kunt u de carrousel rechtstreeks aan uw webpagina toevoegen.

Zie het Publiceren activa.

Zie Toevoegend een carrousel die aan uw website landende paginawordt geplaatst

Voer een van de volgende handelingen uit:

• Houd de cursor boven een Carousel-set-element en selecteer vervolgens Edit (potloodpictogram).

• Houd de cursor boven een Carousel-set-element, selecteer Select (vinkpictogram) en selecteer vervolgens Edit op de werkbalk.

• Selecteer een Carousel-set-element en selecteer vervolgens in de linkerbovenhoek van de pagina Edit (potloodpictogram).

Voer een van de volgende handelingen uit om de Carousel-set te bewerken:

• Als u een dia wilt toevoegen, selecteert u het pictogram Add Slide en navigeert u naar het element dat u aan die dia wilt toevoegen. Selecteer vervolgens het vinkje.
• Als u de volgorde van dia's wilt wijzigen, sleept u een dia naar een nieuwe locatie (selecteer het pictogram voor opnieuw ordenen om items te verplaatsen).
• Om hotspot of beeldkaart toe te voegen, selecteer hotspot of beeld kaartpictogrammen en zie toevoegend hotspots en beeldkaarten.
• Als u de weergave of het gedrag van de carrouselset wilt bewerken, selecteert u de tab Appearance of de tab Behavior en stelt u de gewenste opties in.
• Als u hotspots of afbeeldingen met hyperlinks wilt bewerken, selecteert u op de juiste dia een hotspot of afbeelding met hyperlinks en wijzigt u desgewenst onder het tabblad Actions .
• Als u een dia wilt verwijderen, selecteert u deze en selecteert u Delete Slide op de werkbalk.
• Als u een voorinstelling wilt toepassen, selecteert u in de rechterbovenhoek van de pagina de vervolgkeuzelijst Preset en selecteert u vervolgens een voorinstelling voor de viewer.
• Als u een volledige Carousel-set wilt verwijderen, navigeert u naar de Carousel-set, selecteert u deze en selecteert u vervolgens Delete .

Navigeer in Assets naar een bestaande carrouselbanner die u hebt gemaakt en selecteer deze om deze te openen.

Selecteer Edit .

Selecteer in de lijst met voorinstellingen voor viewers in de rechterhoek van de werkbalk een viewer voor een voorvertoning van de carrouselbanner.

Selecteer Preview .

Selecteer de hotspots of de afbeeldingen met hyperlinks in de afbeelding, zodat u de bijbehorende handelingen kunt testen.

Kopieer de insluitcode van de gepubliceerde carrouselset.
Zie de video of Kijker van het Beeld op een Web-paginainbedden.

Voeg de insluitcode die u van Experience Manager Assets hebt gekopieerd, toe aan uw webpagina.
De gekopieerde insluitcode reageert, zodat deze automatisch in het insluitingsgebied van de pagina past.