Auf dem Tab Placement (Platzierung) legen Sie genau fest, wer Ihre Announcement Bar sieht, wo sie angezeigt wird und wann sie live geht. Statt jedem Besucher auf jeder Seite dieselbe Nachricht zu zeigen, können Sie präzise Sichtbarkeitsregeln erstellen, die Ihren Kampagnenzielen entsprechen.

Ob Sie wiederkehrende VIPs begrüßen, einen Verkauf nur Besuchern von Instagram bewerben oder einen Feiertags-Banner automatisch einplanen möchten – das Targeting-System gibt Ihnen detaillierte Kontrolle, ohne dass Sie Code anfassen müssen 🎯

⚠️ Bevor Sie beginnen

So konfigurieren Sie die Einstellungen für Erweitertes Targeting:

→ Öffnen Sie eine vorhandene Announcement Bar
→ Oder erstellen Sie zunächst eine neue

Klicken Sie dann im Editor auf den Tab Placement (Platzierung).

ℹ️ Einige Targeting-Optionen werden je nach Platzierungstyp ausgeblendet, den Sie bei der Erstellung gewählt haben. So wird Page Targeting (Seiten-Targeting) beispielsweise für Cart- oder Checkout-Platzierungen nicht angezeigt, und Customer Targeting (Kunden-Targeting) ist für Checkout-Platzierungen nicht verfügbar. Diese bedingten Abschnitte sind unten markiert, damit Sie genau wissen, wann Sie sie erwarten können.

📐 Anzeigeposition

Diese Einstellung steuert die physische Position der Bar auf der Seite.

Storefront-Positionen

Verfügbar, wenn die Bar für die Platzierung Storefront Page erstellt wurde:

• Top Push — Schiebt den restlichen Seiteninhalt nach unten. Die Bar befindet sich im normalen Dokumentenfluss.
• Top Push (Sticky) — Bleibt beim Scrollen des Kunden oben im Viewport fixiert. Der Seiteninhalt wird weiterhin nach unten geschoben.
• Top Overlap — Schwebt über dem oberen Seitenbereich, ohne den Inhalt nach unten zu schieben.
• Top Overlap (Sticky) — Schwebt oben und bleibt beim Scrollen sichtbar.
• Bottom Overlap (Sticky) — Erscheint unten im Viewport und bleibt dort beim Scrollen.
• Manual — Sie steuern genau, wo die Bar erscheint, mithilfe eines Code-Snippets oder eines App-Blocks.

Cart-Positionen

Verfügbar, wenn die Bar für die Platzierung Cart Page oder Cart Drawer erstellt wurde:

• Top of Cart — Fügt die Bar oben im Cart-Bereich ein.
• Bottom of Cart — Fügt die Bar unten im Cart-Bereich ein.
• Manual — Platzieren Sie sie selbst mithilfe eines benutzerdefinierten Code-Snippets.

Checkout-Position

Verfügbar, wenn die Bar für die Platzierung Checkout Page erstellt wurde (nur Shopify Plus):

• Die Bar wird als benutzerdefinierter Block innerhalb des Checkout-Flows gerendert. Die Positionierung wird über die Einstellungen der Checkout-UI-Erweiterung verwaltet.

Verhalten bei manueller Platzierung

Wenn Manual ausgewählt ist:

• Das Dropdown Page Targeting (Seiten-Targeting) wird automatisch deaktiviert und auf Custom (Benutzerdefiniert) festgelegt.

Ein Code-Snippet wird bereitgestellt, das Sie in Ihr Theme einfügen können:
<div class="futureblink-announcement-block" id="{announcementId}"></div>

• Die Bar wird nur dort gerendert, wo dieser Block platziert ist.

🎯 Page Targeting

Page Targeting (Seiten-Targeting) legt fest, auf welchen Seiten die Bar angezeigt wird. Dieser Abschnitt ist für Cart- und Checkout-Platzierungen ausgeblendet, da diese von Natur aus seitenbezogen sind.

Verfügbare Optionen

• Every page — Wird auf allen Seiten Ihrer Storefront angezeigt.
• Home page only — Wird nur auf der Startseite angezeigt.
• All product pages — Wird auf jeder Produktdetailseite angezeigt.
• Products in specific collections — Wird nur auf Produktseiten angezeigt, die zu ausgewählten Kollektionen gehören.
• • Wenn diese Option ausgewählt ist, erscheint die Schaltfläche Select collections (Kollektionen auswählen), damit Sie festlegen können, welche Kollektionen zählen.
• Specific products — Wird nur auf handverlesenen Produktseiten angezeigt.
• • Wenn diese Option ausgewählt ist, erscheint die Schaltfläche Select products (Produkte auswählen), damit Sie einzelne Produkte auswählen können.
• All collection pages — Wird auf jeder Kollektionsübersichtsseite angezeigt.
• Specific collections — Wird nur auf ausgewählten Kollektionsseiten angezeigt.
• • Wenn diese Option ausgewählt ist, erscheint die Schaltfläche Select collections (Kollektionen auswählen).

So funktioniert es in der Storefront

Die Bar prüft den aktuellen Seitentyp und den URL-Pfad, bevor sie gerendert wird:

• Für specific products, vergleicht die Bar mit der Produkt-ID.
• Für products in specific collections, prüft die Bar, ob das aktuelle Produkt zu einer der ausgewählten Kollektionen gehört.
• Für specific collections, vergleicht die Bar mit dem Kollektions-Handle in der URL.

⏰ Zeitplanung

Mit der Zeitplanung legen Sie fest, wann die Bar live geht und wann sie automatisch endet. Wenn sie nicht konfiguriert ist, erscheint die Bar sofort nach der Veröffentlichung und bleibt live, bis Sie sie manuell zurückziehen.

Startzeit

• Right now — Die Bar erscheint sofort nach der Veröffentlichung.
• Specific date — Die Bar bleibt bis zum gewählten Datum und zur gewählten Uhrzeit ausgeblendet.
• • Wenn diese Option ausgewählt ist, erscheint ein Date Picker (Datumsauswahl) zusammen mit Eingabefeldern für Stunde, Minute und AM/PM.

Endzeit

• Never — Die Bar bleibt unbegrenzt live.
• Specific date — Die Bar wird nach dem gewählten Datum und der gewählten Uhrzeit automatisch ausgeblendet.
• • Wenn diese Option ausgewählt ist, erscheint ein Date Picker (Datumsauswahl) zusammen mit Eingabefeldern für Stunde, Minute und AM/PM.

Wichtiges Verhalten bei der Zeitplanung

• Wenn Sie sowohl eine Start- als auch eine Endzeit festlegen, muss die Endzeit nach der Startzeit liegen.
• Wenn Sie eine Announcement Bar veröffentlichen, deren Enddatum bereits verstrichen ist, wird der Zeitplan automatisch gelöscht und die Bar geht sofort live.
• In der Storefront wird eine geplante Bar im DOM erstellt, aber mit display: none ausgeblendet, bis die Startzeit erreicht ist. Wenn die Endzeit vorbei ist, wird sie automatisch wieder ausgeblendet.

💡 Die Zeitplanung eignet sich perfekt für Flash Sales, Feiertagskampagnen oder zeitlich begrenzte Ankündigungen, die Sie im Voraus einrichten möchten.

👥 Customer Targeting

Customer Targeting (Kunden-Targeting) ermöglicht es Ihnen, die Bar je nach Betrachter Ihres Shops ein- oder auszublenden. Dieser Abschnitt ist für Checkout-Platzierungen ausgeblendet.

Sichtbarkeit nach Login-Status

• All customers — Allen anzeigen, unabhängig davon, ob sie eingeloggt sind oder nicht.
• Logged in customers only — Die Bar vor Gästen verbergen.

Show Bar To

Legt fest, welches Kundensegment die Bar sehen soll:

• All Customers — Keine Einschränkung.
• Specific tag — Nur Kunden mit einem bestimmten Tag können die Bar sehen.
• • Wenn diese Option ausgewählt ist, erscheint ein Textfeld: Enter tags (Tags eingeben, kommagetrennt).
  • Beispiel: VIP, wholesale, returning
• Specific lifetime spent — Nur Kunden, die über alle Bestellungen hinweg einen bestimmten Betrag ausgegeben haben, können die Bar sehen.
• • Wenn diese Option ausgewählt ist, erscheint ein Zahlenfeld für den Mindest-Umsatz über die gesamte Kundenlaufzeit.
  • Die Bar prüft den Wert total_spent des Kunden aus Shopify.

Hide Bar From

Legt fest, welches Kundensegment die Bar nicht sehen soll. Ausblendregeln werden vor Anzeigeregeln ausgewertet.

• No one — Vor niemandem ausblenden.
• Specific tag — Vor Kunden mit einem bestimmten Tag ausblenden.
• • Wenn diese Option ausgewählt ist, erscheint ein Textfeld für kommagetrennte Tags.
• Specific lifetime spent — Vor Kunden ausblenden, die mindestens einen bestimmten Betrag ausgegeben haben.
• • Wenn diese Option ausgewählt ist, erscheint ein Zahlenfeld für den Mindest-Umsatz über die gesamte Kundenlaufzeit.

So funktioniert Customer Targeting

In der Storefront prüft die App die aktuellen Kundendaten (eingefügt über Liquid):

1. Wenn Logged in only (Nur eingeloggte Kunden) ausgewählt ist und der Besucher ein Gast ist → Bar wird ausgeblendet.
2. Ausblendregeln werden zuerst geprüft. Wenn der Kunde eine Ausblendbedingung erfüllt → Bar wird ausgeblendet.
3. Anzeigeregeln werden anschließend geprüft. Wenn der Kunde eine Anzeigebedingung erfüllt → Bar wird angezeigt.
4. Wenn keine Bedingung zutrifft, wird die Bar aus Sicherheitsgründen standardmäßig ausgeblendet.

⚠️ Wichtig: Customer Targeting erfordert, dass der Kunde für tag- und umsatzbasierte Regeln eingeloggt ist. Gäste erfüllen keine Tag- oder Umsatzbedingungen.

🌍 Geolocation Targeting

Geolocation Targeting steuert, aus welchen Ländern oder Regionen die Bar sichtbar ist.

• All world — Für jeden Besucher sichtbar, unabhängig vom Standort.
• Specific countries — Nur Besucher aus ausgewählten Ländern können die Bar sehen.
• • Wenn diese Option ausgewählt ist, wird die Schaltfläche Select countries (Länder auswählen) aktiv.
  • Ein Klick darauf öffnet ein Modal mit einer durchsuchbaren Liste von 246 Ländern.
  • Wählen Sie die Länder aus, die Sie einschließen möchten. Ausgewählte Länder erscheinen als Zusammenfassungsliste unterhalb der Schaltfläche.

So funktioniert Geolocation

Die Storefront erkennt das Land des Besuchers über den Shopify-Endpunkt /browsing_context_suggestions.json. Das Ergebnis wird im Browser-sessionStorage unter country_code zwischengespeichert, damit nachfolgende Seitenaufrufe die Anfrage nicht wiederholen.

💡 Nutzen Sie dies für regionspezifische Kampagnen – zum Beispiel eine "Free Shipping to the US"-Bar, die nur US-Besucher sehen.

🔗 UTM Source Targeting

UTM Targeting ermöglicht es Ihnen, die Bar nur Besuchern anzuzeigen, die aus bestimmten Traffic-Quellen kommen. Das ist nützlich, wenn Sie Ihre Botschaft an eine bestimmte Werbekampagne oder Social-Media-Plattform anpassen möchten.

Dieser Abschnitt ist für Checkout-Platzierungen ausgeblendet.

UTM-Filter aktivieren

Aktivieren Sie das Kontrollkästchen "ONLY show to visitors who match UTM Source" (Nur Besuchern anzeigen, die mit UTM Source übereinstimmen), um die Filterung zu aktivieren.

⚠️ Wenn diese Option aktiviert ist, sehen Besucher, die direkt kommen (ohne UTM-Source), die Bar nicht.

Verfügbare Plattform-Checkboxen

Wenn die Filterung aktiviert ist, erscheinen folgende Checkboxen:

• TikTok
• Facebook
• Instagram
• Google
• Pinterest
• Twitter

ℹ️ Facebook und Instagram sind verknüpft: Wenn Sie eines auswählen, wird das andere automatisch mit einbezogen.

Benutzerdefinierter UTM-Code

Wenn Sie spezifischere Filter benötigen:

• Aktivieren Sie Custom UTM_CODE (Benutzerdefinierter UTM-Code), um ein Texteingabefeld anzuzeigen.
• Geben Sie kommagetrennte key=Wert-Paare ein.
• • Beispiel: utm_medium=sales,utm_campaign=newsletter
• Die Prüfung ist nicht case-sensitiv.

So funktioniert UTM Targeting

Die Storefront liest den aktuellen utm_source-Parameter der URL aus:

• Wenn nur Plattform-Checkboxen verwendet werden, wird die Bar angezeigt, wenn der utm_source des Besuchers mit einer der ausgewählten Plattformen übereinstimmt.
• Wenn auch ein benutzerdefinierter UTM-Code angegeben ist, wird die Bar angezeigt, wenn entweder die Plattform übereinstimmt oder alle benutzerdefinierten Schlüssel-Wert-Paare mit der URL übereinstimmen.

💡 Erstellen Sie eine "Welcome Instagram Shoppers"-Bar, die nur erscheint, wenn utm_source=instagram in der URL vorhanden ist.

⏱️ Time-on-Site Targeting

Time-on-Site Targeting steuert, wie lange ein Besucher auf der Seite sein muss, bevor die Bar angezeigt wird.

• Always Show (Default) — Die Bar erscheint sofort, wenn die Seite geladen wird.
• Show after a while — Verzögert das Erscheinen der Bar.
• • Wenn diese Option ausgewählt ist, erscheint ein Zahlenfeld Delay (in seconds) (Verzögerung in Sekunden).
  • Akzeptiert Werte von 1 bis 300 Sekunden (5 Minuten).

So funktioniert die Verzögerung

In der Storefront wird die Bar sofort erstellt, startet aber mit display: none. Nach der konfigurierten Anzahl von Sekunden wird sie sichtbar.

💡 Eine kurze Verzögerung (5–10 Sekunden) kann weniger aufdringlich wirken als ein sofortiges Popup, besonders für Announcement Bars am unteren Seitenrand.

📱 Gerätesichtbarkeit

Während die Gerätesichtbarkeit im Tab Design (Gestaltung) konfiguriert wird, wirkt sie sich direkt auf das Targeting-Verhalten aus und wird der Vollständigkeit halber hier erwähnt.

• Desktop and Mobile — Auf allen Geräten sichtbar.
• Only Desktop — Auf Bildschirmen mit 768 px und weniger ausgeblendet.
• Only Mobile — Auf Bildschirmen breiter als 768 px ausgeblendet.

Das ist nützlich, wenn Sie unterschiedliche Bars (oder unterschiedliche Botschaften) für Desktop- und Mobile-Käufer möchten.

⚠️ Wichtige Hinweise

• Manual position deaktiviert Page Targeting (Seiten-Targeting), da Sie die Platzierung über ein Code-Snippet steuern.
• Checkout placement blendet Customer Targeting (Kunden-Targeting) und UTM Targeting aus, da Shopify Checkout Kundentags oder UTM-Parameter UI-Erweiterungen nicht auf dieselbe Weise zur Verfügung stellt.
• Cart placement blendet das Dropdown Page Targeting (Seiten-Targeting) aus, da die Bar von Natur aus auf den Cart-Bereich beschränkt ist.
• Geolocation verwendet das erkannte Browserland des Besuchers. VPNs oder Proxy-Dienste können zu unerwarteten Ergebnissen führen.
• Kundentags und -umsatz funktionieren nur für eingeloggte Kunden. Gäste gelten bei Tag-/Umsatzregeln als nicht übereinstimmend.
• UTM-Filterung blendet die Bar für direkten Traffic aus. Stellen Sie sicher, dass dies beabsichtigt ist, bevor Sie sie aktivieren.
• Mehrere Targeting-Bedingungen wirken zusammen mit AND-Logik. Die Bar muss alle aktiven Targeting-Prüfungen bestehen, um angezeigt zu werden.

💡 Beispiele & Anwendungsfälle

Beispiel 1 — Regionsspezifischer kostenloser Versand

• Geolocation: Specific countries (Bestimmte Länder) → United States (Vereinigte Staaten), Canada (Kanada)
• Page Targeting: Every page (Jede Seite)
• Position: Top Push (Sticky)

Ergebnis: Nur US- und kanadische Besucher sehen eine dauerhafte Free Shipping Bar.

Beispiel 2 — VIP-Kundenbelohnung

• Customer Show: Specific tag (Bestimmter Tag) → VIP
• Customer Hide: No one (Niemand)
• Page Targeting: Home page only (Nur Startseite)

Ergebnis: Nur eingeloggte Kunden, die mit VIP getaggt sind, sehen die Bar auf der Startseite.

Beispiel 3 — Instagram-Kampagnen-Follow-up

• UTM Source: Instagram + Facebook
• Page Targeting: All product pages (Alle Produktseiten)
• Position: Bottom Overlap (Sticky)

Ergebnis: Besucher, die über Instagram- oder Facebook-Werbung kommen, sehen eine ausschließlich auf Produktseiten angezeigte Bar mit kampagnenspezifischer Botschaft.

Beispiel 4 — Geplanter Flash Sale

• Scheduling: Start → Freitag 9:00 Uhr, End → Freitag 23:59 Uhr
• Page Targeting: Every page (Jede Seite)
• Position: Top Push

Ergebnis: Die Bar erscheint automatisch am Freitag um 9 Uhr und verschwindet um Mitternacht – kein manuelles Zurückziehen nötig.

Beispiel 5 — Verzögerte untere Bar

• Time-on-Site: Show after a while (Nach einer Weile anzeigen) → 10 Sekunden
• Position: Bottom Overlap (Sticky)
• Page Targeting: All product pages (Alle Produktseiten)

Ergebnis: Nachdem ein Besucher 10 Sekunden lang eine Produktseite betrachtet hat, erscheint eine dezente untere Bar mit einem passenden Angebot.

🚀 Endergebnis

Sobald sie erfolgreich konfiguriert sind, helfen Ihnen die Einstellungen für Erweitertes Targeting, zur richtigen Zeit die richtige Botschaft an die richtige Person auszuspielen.

Mit richtigem Targeting:

✅ Bars erscheinen nur auf Seiten, auf denen sie relevant sind
✅ Kunden sehen auf ihren Standort, ihre Quelle oder ihr Segment zugeschnittene Botschaften
✅ Zeitkritische Kampagnen laufen automatisch ohne manuellen Eingriff
✅ Gäste und eingeloggte Käufer erhalten differenzierte Erlebnisse
✅ Werbetraffic erhält konsistente Botschaften vom Klick bis zur Conversion
✅ Händler vermeiden es, jedem Besucher dieselbe generische Bar anzuzeigen

Die effektive Nutzung dieser Targeting-Optionen stellt sicher, dass jede Announcement Bar absichtlich, zeitgerecht und relevant für diejenigen wirkt, die sie sehen 🎯

Aktualisiert am: 01/09/2026