{"id":2344,"date":"2025-06-12T15:49:53","date_gmt":"2025-06-12T13:49:53","guid":{"rendered":"https:\/\/upendo.com\/?post_type=macros_pt&#038;p=2344"},"modified":"2025-06-12T16:08:39","modified_gmt":"2025-06-12T14:08:39","slug":"deel-waarde-door-getal-2","status":"publish","type":"macros_pt","link":"https:\/\/upendo.com\/nl\/macros\/deel-waarde-door-getal-2","title":{"rendered":"Referrer informatie"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Deze aangepaste JavaScript-variabele verzamelt informatie over de referrer URL. Dit omvat details zoals de volledige referrer URL, het protocol, hostnaam, poort, padnaam en query parameters. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"usecase\">Usecase<\/h2>\n\n<p class=\"wp-block-paragraph\">Referrer informatie kan worden gebruikt om te begrijpen waar je websiteverkeer vandaan komt. Deze informatie kan je marketing- en SEO-strategie informeren. Als je bijvoorbeeld merkt dat er veel verkeer van een bepaalde website komt, kun je onderzoeken waarom die site zoveel verkeer jouw kant op stuurt, of overwegen om met hen samen te werken voor toekomstige promoties.  <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"instructions\">Instructies<\/h2>\n\n<p class=\"wp-block-paragraph\">Je kunt deze informatie direct ophalen uit het <code>document<\/code> object dat door de browser wordt geleverd. Het is niet nodig om sessieopslag of lokale opslag te manipuleren. Hier is een voorbeeld van een GTM aangepaste JavaScript variabele die een object retourneert met gedetailleerde referrer informatie:  <\/p>\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(2 * 0.6 * .875rem);--cbp-line-highlight-color:rgba(201, 218, 248, 0.2);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#39404f;color:#c8d0e0\">JavaScript<\/span><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><textarea class=\"code-block-pro-copy-button-textarea\" aria-hidden=\"true\" readonly>functie() {\n var parser = document.createElement(\u201ca\u201d);\n parser.href = document.referrer;\n\n return {\n href: parser.href,\n protocol: parser.protocol,\n hostname: parser.hostname,\n port: parser.port,\n pathname: parser.pathname,\n search: parser.search,\n hash: parser.hash\n };\n}<\/textarea><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">var<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">parser<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">createElement<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">a<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">parser<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">href<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">referrer<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"\/>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">href<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">parser<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">href<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">protocol<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">parser<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">protocol<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">hostname<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">parser<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">hostname<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">port<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">parser<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">port<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">pathname<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">parser<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">pathname<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">search<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">parser<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">search<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">hash<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">parser<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">hash<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p class=\"wp-block-paragraph\">Deze JavaScript-functie gebruikt een HTMLAnchorElement (<code>&lt;a&gt;<\/code>) om de referrer URL te parsen en retourneert een object dat verschillende onderdelen van de URL bevat. De verwijzende URL wordt benaderd via <code>document.referrer<\/code>. <\/p>\n\n<p class=\"wp-block-paragraph\">Hier is wat elke eigenschap in het geretourneerde object vertegenwoordigt:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><code>href<\/code>: de hele URL.<\/li>\n\n\n\n<li><code>protocol<\/code>: het gebruikte webprotocol (bijvoorbeeld http: of https:).<\/li>\n\n\n\n<li><code>hostname<\/code>: de domeinnaam van de website (bijvoorbeeld <a href=\"http:\/\/www.example.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">www.example.com)<\/a>.<\/li>\n\n\n\n<li><code>port<\/code>: het gebruikte poortnummer, indien aanwezig (bijvoorbeeld 80 of 443). Als er geen poortnummer wordt gebruikt, zal dit een lege tekenreeks zijn. <\/li>\n\n\n\n<li><code>pathname<\/code>Het padgedeelte van de URL, dat komt na de hostnaam en voor de query, inclusief de eerste schuine streep indien aanwezig.<\/li>\n\n\n\n<li><code>search<\/code>De query parameters van de URL, inclusief het voorlopende vraagteken.<\/li>\n\n\n\n<li><code>hash<\/code>: de fragmentidentifier van de URL, inclusief het voorlopende hashteken.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Vergeet niet dat je ook de ingebouwde Referrer-variabele van GTM kunt gebruiken, maar de Aangepaste JavaScript-variabele biedt meer gedetailleerde informatie.<\/strong><\/p>\n\n<p class=\"wp-block-paragraph\"><em>Is dit niet de macro die je zocht? Bekijk hieronder verwante macro&#8217;s of <a href=\"https:\/\/upendo.com\/contact\">vraag er een aan<\/a>. <\/em><br\/><\/p>\n","protected":false},"author":2,"featured_media":0,"template":"","type_macros_pt":[47],"tag_macros_pt":[46],"level_macros_pt":[45],"class_list":["post-2344","macros_pt","type-macros_pt","status-publish","hentry","type_macros_pt-gegevensmanipulatie","tag_macros_pt-array-nl","level_macros_pt-intermediair"],"acf":[],"_links":{"self":[{"href":"https:\/\/upendo.com\/nl\/wp-json\/wp\/v2\/macros_pt\/2344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upendo.com\/nl\/wp-json\/wp\/v2\/macros_pt"}],"about":[{"href":"https:\/\/upendo.com\/nl\/wp-json\/wp\/v2\/types\/macros_pt"}],"author":[{"embeddable":true,"href":"https:\/\/upendo.com\/nl\/wp-json\/wp\/v2\/users\/2"}],"wp:attachment":[{"href":"https:\/\/upendo.com\/nl\/wp-json\/wp\/v2\/media?parent=2344"}],"wp:term":[{"taxonomy":"type_macros_pt","embeddable":true,"href":"https:\/\/upendo.com\/nl\/wp-json\/wp\/v2\/type_macros_pt?post=2344"},{"taxonomy":"tag_macros_pt","embeddable":true,"href":"https:\/\/upendo.com\/nl\/wp-json\/wp\/v2\/tag_macros_pt?post=2344"},{"taxonomy":"level_macros_pt","embeddable":true,"href":"https:\/\/upendo.com\/nl\/wp-json\/wp\/v2\/level_macros_pt?post=2344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}