Inpage An- & Abmelden von Segmenten

Wenn Sie Ihren Website-Besuchern das An- bzw. Abmeldung von Segmenten auch nachträglich ermöglichen wollen, können Sie diese über eine Inpage Integration machen.
Das nachfolgende HTML File soll als Beispiel dienen. Folgende Werte werden beim Speichern dieses Formulars an Sovendus Optimize übertragen:

Segment: push_interessen
- Bücher
- DVDs
- Veranstaltungen
- Spezialangebote
Segment: push_club
- Ja
- Nein

<section>
  <div class="gb-text">
		<h1>Benachrichtigungs-Service</h1>
		<div class="text">Abonnieren Sie die Web-Benachrichtigungen und bleiben Sie stets über alles Wichtige informiert.</div>
		<div class="gb-select">
			<form id="gb-select-form">
				<div class="gb-select-interests">
					<div class="gb-select-headline">
						Worüber dürfen wir Sie informieren?
					</div>
					<div class="form-check form-check-inline">
            <!-- Definieren Sie mit dem Attribute "name" den Segmentnamen (dieser wird Ihnen von Ihrem adfocus Mitarbeiter mitgeteilt) und mit dem Attribute "value" die vorhandenen Segmentwerte  -->
					  <input class="form-check-input" type="checkbox" id="gb-select-form--1" name="push_interessen" value="Bücher" checked="">
					  <label class="form-check-label" for="gb-select-form--1">Bücher</label>
					</div>
					<div class="form-check form-check-inline">
					  <input class="form-check-input" type="checkbox" id="gb-select-form--2" name="push_interessen" value="DVDs" checked="">
					  <label class="form-check-label" for="gb-select-form--2">DVD's</label>
					</div>
					<div class="form-check form-check-inline">
					  <input class="form-check-input" type="checkbox" id="gb-select-form--3" name="push_interessen" value="Veranstaltungen" checked="">
					  <label class="form-check-label" for="gb-select-form--3">Veranstaltungen</label>
					</div>
					<div class="form-check form-check-inline">
					  <input class="form-check-input" type="checkbox" id="gb-select-form--4" name="push_interessen" value="Spezialangebote" checked="">
					  <label class="form-check-label" for="gb-select-form--4">Spezialangebote</label>
					</div>
					<div class="gb-select-headline">
						Sind Sie bereits in unserem Club?
					</div>
					<div class="form-check form-check-inline">
					  <input class="form-check-input" type="checkbox" id="gb-select-form--7" name="push_club" value="Ja" checked="">
					  <label class="form-check-label" for="gb-select-form--7">Ja</label>
					</div>
					<div class="form-check form-check-inline">
					  <input class="form-check-input" type="checkbox" id="gb-select-form--8" name="push_club" value="Nein" checked="">
					  <label class="form-check-label" for="gb-select-form--8">Nein</label>
					</div>
				</div>
			</form>
      <a class="mt-es-button-highlight2" href="#" onclick="updatePushSegments()">Speichern</a>
		</div>
  </div>
</section>

<script type="text/javascript">
  // Funktion für das Speichern / Updaten der Segmente des Abonnenten
  function updatePushSegments(){
    var inputs = document.querySelectorAll('#gb-select-form input'); // <-- Fügen Sie Ihren eigenen Form Selektor ein
    var tagValues = {};
    for(var i = 0; i < inputs.length; i++){
      tagValues[inputs[i].name] = (typeof  tagValues[inputs[i].name] != 'undefined' &&  tagValues[inputs[i].name] instanceof Array) ? tagValues[inputs[i].name] : [];
      if (inputs[i].checked){
		  tagValues[inputs[i].name].push(inputs[i].value);
      }
   }
   for (var tag in tagValues){
	gb_tag(tag, tagValues[tag], false, true, true);
  }
}
</script>