Newsletter Anmeldung

Einbindung

Fügen sie folgendes Script innerhalt <head></head> tags der Website ein. Die unterstützten Sprachen sind: Deutsch (de), Italienisch (it) und englisch (en). Wenn eine Sprache hinterlegt wird, welche vom Widget nicht unterstützt wird, wird automatisch Englisch verwendet.

<script
  src="https://cdn.bnamic.com/newsletter-subscription.js"
  id="bn-newsletter-subscription-js"
  defer
  data-lang="{Sprachkürzel nach ISO 639-1, z.B. de, it, en}"
  data-widget-id="###ID###"
  data-tenant="###CLIENT###"
></script>

Kopieren Kopiert

data-lang: Sprache der Seite; Pflichtfeld; mögliche Werte: de/it/en
data-widget-id: ID des Widgets, wird von Brandnamic mitgeteilt.
data-tenant: Mandant, woher das Widget geladen werden soll, wird von Brandnamic mitgeteilt.

Für die Integration des Newsletter Anmeldeformulares fügen sie diesen HTML Code an der gewünschten Stelle der Website ein.

<bn-newsletter-subscription
 layout="horizontal"
 theme="dark"
>
</bn-newsletter-subscription>

Kopieren Kopiert

INFO

Mit dem Parameter layout kann die Variante des Formulares angegeben werden. Standard ist vertical, zudem gibt es noch den Wert horizontal.

Mit dem Parameter theme kann das Farbschema angepasst werden. light eignet sich für einen dunklen Hintergrund und dark für einen hellen Hintergrund. Standard ist dark.

Tracking

Das Tracking kann über eine Callback Funktion implementiert werden. Die ausgefüllten Formulardaten werden als Parameter in der Callback Funktion übergeben.

window.bnOnNewsletterSubscriptionSuccess = (data) => {
    console.log(data)
}

Kopieren Kopiert

Die Struktur des data Objektes ist:

{
    "restype": "1",
    "hotel_id": "1",
    "portal_id": "0",
    "language": "de",
    "nameprefix": "0",
    "firstname": "Peter",
    "lastname": "Huber",
    "email": "tl.web@brandnamic.com",
    "newsletter": "1",
    "consent_profiling_exists": "true",
    "generatorurl": "http://localhost:5173/",
    "segments": "",
    "doubleopturl": "https://confirm.brandnamic.com/?lang=de&redirect=https://www.brandnamic.com",
    "sourceofbusiness": "LEAD",
    "promotionvendor": "brandnamic",
    "promotion": "lead-widget"
}

Kopieren Kopiert

Inhaltsverzeichnis