{"id":39,"date":"2025-01-22T09:25:38","date_gmt":"2025-01-22T09:25:38","guid":{"rendered":"https:\/\/usercentrics.cookiebox.pro\/?page_id=39"},"modified":"2025-08-08T12:07:09","modified_gmt":"2025-08-08T12:07:09","slug":"preference-manager-integration","status":"publish","type":"page","link":"https:\/\/usercentrics.cookiebox.pro\/?page_id=39","title":{"rendered":"Preference Manager Integration"},"content":{"rendered":"\n<div id=\"embedding-preference-manager\"><\/div>\n\n<script>\nlet jwt_token; \/\/ Globale Variable\n\nconst url = 'https:\/\/preference-api.preference-management.usercentrics.eu\/public\/authenticate';\n\nconst headers = {\n  'accept': 'application\/json',\n  'X-API-KEY': '0cd472715b2ff010f9984b3aa696d93c57d95aa3e0e55170293442a500846352', \n  'Content-Type': 'application\/json',\n};\n\nconst body = JSON.stringify({\n  pacUuid: '484329cc-16af-4bf4-8989-147f23fe13b1',\n  userId: 'kh@cookiebox.pro'\n});\n\nfetch(url, {\n  method: 'POST',\n  headers: headers,\n  body: body,\n})\n  .then(response => {\n    if (!response.ok) {\n      throw new Error(`HTTP error! Status: ${response.status}`);\n    }\n    return response.json();\n  })\n  .then(data => {\n    jwt_token = data.token; \/\/ Setze den Wert der globalen Variable\n    console.log('Response:', data);\n    createWidget(); \/\/ Rufe die Funktion zum Erstellen des Widgets auf\ncreateLink();\n  })\n  .catch(error => {\n    console.error('Error:', error.message);\n  });\n\nfunction createWidget() {\n  \/\/ Erstelle das Div-Element\n  const div = document.createElement('div');\n\n  \/\/ F\u00fcge die Klasse hinzu\n  div.className = 'embedded-preference-widget';\n\n  \/\/ Setze die Attribute\n  div.setAttribute('data-token', jwt_token);\n  div.setAttribute('data-widgetid', '3d754022-87d9-48a4-b63f-ff1e7ba04e18');\n  div.setAttribute('data-language', 'DE');\n\n  \/\/ F\u00fcge das Element zum Dokument hinzu\n  document.getElementById('embedding-preference-manager').appendChild(div); \/\/ F\u00fcgt es ans Ende des Body ein\n}\n\n\nfunction createLink() {\n  \/\/ URL mit Token und Sprache erstellen\n  const link = `https:\/\/app-preference.preference-management.usercentrics.eu\/?token=`+ jwt_token;\n\n  \/\/ Erstelle das Link-Element\n  const a = document.createElement('a');\n  a.href = link;\n  a.textContent = 'Preference Manager \u00f6ffnen';\n  a.target = '_blank'; \/\/ \u00d6ffnet den Link in einem neuen Tab\n\n  \/\/ F\u00fcge den Link in das div mit der ID \"embedding-preference-manager\" ein\n  document.getElementById('embedding-preference-manager').appendChild(a);\n}\n\n\n\n<\/script>\n\n<link href=\"https:\/\/embeddings.preference-management.usercentrics.eu\/latest\/styles.css\" rel=\"stylesheet\"> \n<script>\nsetTimeout(function() {\n  \/\/ Erstelle das Script-Element\n  const script = document.createElement('script');\n  script.src = 'https:\/\/embeddings.preference-management.usercentrics.eu\/latest\/bundle.js';\n  script.async = true; \/\/ Lade das Skript asynchron\n  document.head.appendChild(script); \/\/ F\u00fcge das Skript ins Head-Tag ein\n}, 500); \/\/ Verz\u00f6gere die Ausf\u00fchrung um 500ms\n\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/usercentrics.cookiebox.pro\/index.php?rest_route=\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usercentrics.cookiebox.pro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/usercentrics.cookiebox.pro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/usercentrics.cookiebox.pro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/usercentrics.cookiebox.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":15,"href":"https:\/\/usercentrics.cookiebox.pro\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/usercentrics.cookiebox.pro\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/usercentrics.cookiebox.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}