Carousel Banners carousel-banners

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

Begin door dynamische variabelen te identificeren die door de bestaande Snelle meningsimplementatie worden gebruikt. Zo kunt u tijdens het maken van carrouselbanners in Experience Manager Assets naar behoren hotspots en afbeeldingskaartgegevens invoeren.

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 benadering heeft de voorkeur wanneer u een specifiek ontwerp voor een bepaalde carrousel wilt.

upload een beeldbanner.

Upload afbeeldingsbanners die u interactief wilt maken.

creeer een Reeks 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 aan dia's toe 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 beeldbannertoe.

Voeg een of meer hotspots of afbeeldingen met hyperlinks toe aan een afbeeldingsbanner. Koppel vervolgens elk element aan een handeling zoals een koppeling, een Snelle weergave of een ervaringsfragment. 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 carrouselbanners weergeven- Optioneel. U kunt desgewenst een voorstelling van de carrouselset weergeven en de interactiviteit ervan testen.

de Banners van de Carrousel van Publish.

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 Snelle mening. Als u een systeem voor webcontentbeheer van derden gebruikt, moet u de nieuwe carrouselbanner integreren met de bestaande Quick view-implementatie op uw website.

• voeg een carrouselbanner aan uw website in Experience Managertoe. Als u een Experience Manager Sites-klant bent, kunt u de carrousel die rechtstreeks op de pagina is ingesteld, toevoegen met de component Interactive Media.

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

Selecteer op de pagina Carousel Banner Editor 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 Carousel Banner Editor:

• 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 elementen hebben een vinkje. Wanneer u klaar bent, selecteert u Select in de rechterbovenhoek van de pagina.

Met de Asset Selector kunt u naar elementen zoeken door een trefwoord in te voeren en Return te selecteren. 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 het pictogram Weergave te selecteren 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 selecteert u 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.

Selecteer de dia om een dia te verwijderen. Selecteer op de werkbalk Delete Slide . Als u een dia wilt verplaatsen, selecteert u het pictogram voor herschikking 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 als u de weergave van de carrouselbanner of het gedrag van specifieke componenten wilt aanpassen. Zie de Kijker beheren steltvoor meer informatie vooraf in over hoe te om de kijkersredacteur te gebruiken.

U kunt ook een voorvertoning van de vormgeving van de carrouselbanner weergeven. Zie (Optioneel) Voorvertoning 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: sleep in de afbeelding van linksboven naar rechtsonder om het gebied met 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. U kunt ook de pijltoetsen op het toetsenbord gebruiken om de positie van een geselecteerde hotspot te bepalen. 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 de vervolgkeuzelijst 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 -klant bent, selecteert u het pictogram Productkiezer (vergrootglas) om de pagina Selecteer product te openen. Als u wilt terugkeren naar de Carousel Banner Editor, selecteert u het product dat u wilt gebruiken en selecteert u vervolgens het vinkje in de rechterbovenhoek van de pagina.

  • Als u geen Experience Manager Sites -klant bent:

    • Definieer variabelen. Zie hotspot variabelenidentificeren.

    • 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 ingevoerde waarde SKU vult automatisch het variabele gedeelte van het malplaatje van de Snelle mening. Het systeem weet nu om geselecteerde 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 href-tekstveld 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 Werk 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. Als u wilt terugkeren naar de pagina Hotspot-beheer, selecteert u het gewenste ervaringsfragment en selecteert u vervolgens in de rechterbovenhoek van de pagina Select .
    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 de Carousel Banner worden niet ondersteund wanneer u de viewer insluit in een Experience Fragment.
    U kunt dit omzeilen door voorinstellingen voor viewers te gebruiken of 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 van de vormgeving van de carrouselbanner weergeven. Zie (Optioneel) Voorvertoning carrouselbanners weergeven.

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, voegt u de carrousel rechtstreeks toe aan uw webpagina.

Zie de activa van Publish.

Zie een carrousel toevoegen 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 (vinkje) en selecteer vervolgens op de werkbalk Edit .

• 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:

• Selecteer het pictogram Add Slide als u een dia wilt toevoegen. Navigeer naar het element dat u aan die dia wilt toevoegen en 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 hotspots en beeldkaarten aan een Banner van het Beeldtoevoegen.
• 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 gewenste dia een hotspot of afbeelding met hyperlinks. Breng de wijzigingen aan onder het tabblad Actions .
• Als u een dia wilt verwijderen, selecteert u deze en selecteert u Delete Slide in 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 rechts op de werkbalk een viewer om een voorvertoning van de carrouselbanner weer te geven.

Selecteer Preview .

Als u de bijbehorende acties wilt testen, selecteert u de hotspots of afbeeldingen met hyperlinks in de afbeelding.

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.