1. Home
  2. gebruik Blocs
  3. Interactiemanager
  1. Home
  2. Pages
  3. Interactiemanager

Interactiemanager

Met de Interaction Manager kunt u aangepaste interacties maken die de functionaliteit van uw website verbeteren zonder dat u extra code nodig hebt. Deze aangepaste interacties worden gemaakt door vooraf ingestelde regels te combineren, wat onbeperkte mogelijkheden voor functionaliteit biedt.

Beschouw de regels als ingrediënten. Je kunt ze op allerlei manieren combineren om zo verschillende resultaten te creëren.

Enkele voorbeeldtutorials van wat er met de Interaction Manager kan worden gemaakt, vindt u op de Blocs Academy.

Open Interactie Manager

Om de Interaction Manager te starten, gaat u naar de Hoofdmenubalk en van de Windows menu, selecteert Interactiemanager.

Interactie toevoegen

Om een ​​nieuwe interactie te maken, klikt u op + knop die zich in de rechterbovenhoek van het Interaction Manager-venster bevindt.

Interactie hernoemen

U kunt een interactie een nieuwe naam geven door eenvoudigweg op de tekst van het interactie-item te klikken en een nieuwe naam te typen.

Dubbele interactie

Het is mogelijk om een ​​interactie te dupliceren door rechts klikken en selecteren duplicaat vanuit het contextmenu of gebruik als alternatief de sneltoets ⌘+D.

Interactie verwijderen

Om een ​​aangepaste interactie te verwijderen en te wissen, selecteert u eenvoudigweg het interactie-item dat u wilt verwijderen en klikt u op de knop - knop, die zich rechtsboven in het Interaction Manager-venster bevindt, of gebruik de sneltoets ⌘+⌫.

Interactie bewerken

Om een ​​interactie te bewerken, klikt u op settings knop die zich helemaal rechts van het interactie-item bevindt, of dubbelklik gewoon op het interactie-item. Dit opent een pop-up met alle regels die in de interactie zijn opgenomen.

Een regel invoegen

Om een ​​nieuwe regel in een interactie in te voegen, klikt u eenvoudig op de + knop die zich rechtsboven in de interactie popover bevindt. Dit opent een dropdownmenu met alle beschikbare regels die kunnen worden gebruikt binnen aangepaste interacties. Als u op een regel klikt, wordt deze onder de momenteel geselecteerde regel ingevoegd.

Als Statement

De if-statementregel wordt gebruikt om voorwaardelijke logica uit te voeren. Hiermee kunt u regels erin plaatsen die alleen worden geactiveerd als een opgegeven voorwaarde wordt geëvalueerd als true. Dit is handig voor besluitvorming in uw aangepaste interacties, waardoor verschillende uitkomsten mogelijk zijn op basis van bepaalde voorwaarden.

Custom Interaction if statements ondersteunen de volgende variabelen: URL, zichtbaar, cookie, besturingssysteem (OS), dag, nacht, datum, dag, maand, weekdag, weekend. Alle variabelen stellen u in staat om een ​​vergelijkingswaarde op te geven en ondersteunen verschillende operatoren.

Deze regel navigeert de browser naar de opgegeven pagina.

Deze regel navigeert de browser naar de opgegeven URL.

Herlaad pagina

Deze regel laadt de huidige pagina in de browser opnieuw.

Scroll naar Doel

Deze regel scrolt naar het element met de opgegeven #ID.

Schakel Zichtbaarheid in

Met deze regel wordt de zichtbaarheid van de elementen met de opgegeven #ID's in- of uitgeschakeld.

Schakel tussen modaal

Deze regel schakelt een modaal (tonen/verbergen) in of uit met de opgegeven #ID.

Wissel klasse

Deze regel schakelt de opgegeven klassen in op de elementen met de opgegeven #ID's.

Klasse toevoegen

Deze regel voegt de opgegeven klassen toe aan de elementen met de opgegeven #ID's.

Klasse verwijderen

Deze regel verwijdert de opgegeven klassen uit de elementen met de opgegeven #ID's.

Tekst instellen

Met deze regel wordt de opgegeven tekstinhoud voor het element met de opgegeven #ID ingesteld.

Selecteer tabblad

Met deze regel wordt het tabblad voor een tabblad Bric met de opgegeven #ID geselecteerd.

Klik op Item

Deze regel klikt programmatisch op het element met de opgegeven #ID.

Tekst kopiëren

Met deze regel wordt een opgegeven tekstreeks of de tekstuele inhoud van een element naar het klembord van de gebruiker gekopieerd.

Element verwijderen

Deze regel verwijdert het element met de opgegeven #ID.

Met deze regel wordt een telefoongesprek gestart (op ondersteunde apparaten) naar het opgegeven telefoonnummer.

Met deze regel wordt de e-mailclient van de huidige gebruiker geopend, waarbij het adresveld is ingevuld met het opgegeven e-mailadres.

Download Bestand

Deze regel zorgt ervoor dat het opgegeven bestand wordt gedownload.

Video Player

Deze regel kan gebeurtenissen zoals afspelen, pauzeren, stoppen en dempen activeren voor het videospelerelement met de opgegeven ID.

Audio Player

Deze regel kan gebeurtenissen zoals afspelen, pauzeren, stoppen en dempen activeren voor het audiospelerelement met de opgegeven ID.

Geluid afspelen

Met deze regel wordt het toegewezen mp3-audiobestand afgespeeld (Audiobestanden toevoegen aan Asset Manager).

Deze regel plaatst een cookie in de browser van de gebruiker met een opgegeven naam, waarde en aantal dagen.

Deze regel vernietigt een cookie in de browser van de gebruiker met een opgegeven naam.

Aangepaste interactie aanroepen

Deze regel roept een andere aangepaste interactie aan en staat een vertraging toe die wordt ingesteld in milliseconden.

Console-logboek

Deze regel maakt een browserlogboek met de opgegeven tekst.

Alarm

Deze regel activeert een waarschuwing met het opgegeven bericht.

Met deze regel worden de afdrukopties voor de huidige pagina geopend.

Stop met laden

Deze regel zorgt ervoor dat de webbrowser niet meer laadt.

Een regel dupliceren

Het is mogelijk om een ​​regel te dupliceren door rechts klikken en selecteren duplicaat vanuit het contextmenu of gebruik als alternatief de sneltoets ⌘+D.

Een regel verwijderen

Om een ​​regel uit een interactie te verwijderen, selecteert u eenvoudig de regel die u wilt verwijderen en klikt u op de knop - knop die zich rechtsboven in de interactie-popover bevindt.

Aangepaste interacties toepassen

Aangepaste interacties kunnen op bijna elk element binnen worden toegepast Blocs, items zoals knoppen, afbeeldingen en pictogrammen een aangepaste interactie-optie beschikbaar hebben in de standaard zijbalkinteracties-dropdown.

Andere elementen zoals Blocs, rijen, kolommen, divs en tekst toont een aangepast interactievenster in de zijbalkinspector.

De Menubeheer ondersteunt het gebruik van aangepaste interacties in menu-items.

Trigger aangepaste interactie

In de meeste gevallen kunnen aangepaste interacties op drie manieren worden geactiveerd: wanneer een element wordt geklikt, wanneer de muiscursor is zweven over een element en wanneer de muiscursor bladeren een element.

Het is ook mogelijk om een ​​aangepaste interactie te activeren zodra een pagina is geopend. geladen, dit kan via de opties voor pagina-instellingen.

Tip van een expert

Het is ook mogelijk om een ​​aangepaste interactie uit de Interactiemanager naar elementen op de Blocs ontwerpcanvas om ze toe te passen. Daarnaast kunt u aangepaste interacties naar pagina's in de pagina-navigator slepen om een ​​aangepaste paginalaadinteractie toe te passen.

Bijgewerkt op 3 februari 2025

Was dit artikel behulpzaam?

Gerelateerde artikelen