{"id":2350,"date":"2025-06-12T15:56:11","date_gmt":"2025-06-12T13:56:11","guid":{"rendered":"https:\/\/upendo.com\/?post_type=macros_pt&#038;p=2350"},"modified":"2025-06-16T14:58:41","modified_gmt":"2025-06-16T12:58:41","slug":"waarde-formulierveld","status":"publish","type":"macros_pt","link":"https:\/\/upendo.com\/nl\/macros\/waarde-formulierveld","title":{"rendered":"UTM-parameters vastleggen"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Deze aangepaste JavaScript-variabele haalt UTM-parameters uit de huidige URL. UTM-parameters zijn tags die je toevoegt aan een URL en die vaak worden gebruikt in marketing om de effectiviteit van campagnes en verkeersbronnen bij te houden. De meest voorkomende UTM-parameters zijn utm_source, utm_medium, utm_campaign, utm_term en utm_content.  <\/p>\n\n<h2 class=\"wp-block-heading\">Usecase<\/h2>\n\n<p class=\"wp-block-paragraph\">Deze aangepaste JavaScript-variabele wordt meestal gebruikt voor traceringsdoeleinden, zodat je kunt zien waar je verkeer vandaan komt. Als je bijvoorbeeld een e-mailcampagne voert en UTM-parameters opneemt in de koppelingen in je e-mail, kun je deze aangepaste JavaScript-variabele gebruiken om die UTM-parameters vast te leggen wanneer gebruikers op die koppelingen klikken en op je website terechtkomen. Dit kan je inzicht geven in hoe goed je e-mailcampagne verkeer naar je website leidt.  <\/p>\n\n<h2 class=\"wp-block-heading\">Instructies<\/h2>\n\n<p class=\"wp-block-paragraph\">Om deze aangepaste JavaScript-variabele in GTM te implementeren, kun je de volgende code gebruiken:<\/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 utmParameters = {};\n var queryParams = location.search.substring(1).split(\u201c&amp;\u201d);\n\n for (var i = 0; i &lt; queryParams.length; i++) {\n var param = queryParams[i].split(\u201c=\u201d);\n\n if (param[0].startsWith(\u201cutm_\u201d)) {\n utmParameters[param[0]] = decodeURIComponent(param[1]);\n }\n }\n  \n return utmParameters;\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\">utmParameters<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{}<\/span><span style=\"color: #81A1C1\">;<\/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\">queryParams<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">location<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">search<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">substring<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">split<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">&amp;<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"\/>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">for<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #81A1C1\">var<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">i<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">i<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">queryParams<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">length<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">i<\/span><span style=\"color: #81A1C1\">++<\/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\">param<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">queryParams<\/span><span style=\"color: #D8DEE9FF\">[<\/span><span style=\"color: #D8DEE9\">i<\/span><span style=\"color: #D8DEE9FF\">]<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">split<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">=<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"\/>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #D8DEE9\">param<\/span><span style=\"color: #D8DEE9FF\">[<\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #D8DEE9FF\">]<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">startsWith<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">'<\/span><span style=\"color: #A3BE8C\">utm_<\/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: #D8DEE9\">utmParameters<\/span><span style=\"color: #D8DEE9FF\">[<\/span><span style=\"color: #D8DEE9\">param<\/span><span style=\"color: #D8DEE9FF\">[<\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #D8DEE9FF\">]] <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">decodeURIComponent<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">param<\/span><span style=\"color: #D8DEE9FF\">[<\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #D8DEE9FF\">])<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">utmParameters<\/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 werkt door eerst de querystring van de huidige URL op te vragen met <code>location.search<\/code>. Het verwijdert het initi\u00eble \u201c?\u201d teken, splitst de querystring op in individuele parameters en itereert over deze parameters. Voor elke parameter wordt gecontroleerd of de parameternaam begint met \u201cutm_\u201d en zo ja, wordt de parameterwaarde gedecodeerd en toegevoegd aan het <code>utmParameters<\/code> object. De functie retourneert vervolgens het <code>utmParameters<\/code> object, dat alle UTM parameters bevat die in de URL zijn gevonden.   <\/p>\n\n<p class=\"wp-block-paragraph\">Vergeet niet om deze variabele te testen om er zeker van te zijn dat hij correct werkt. Het is ook vermeldenswaard dat UTM-parameters moeten worden gebruikt in overeenstemming met best practices om zinvolle en bruikbare gegevensverzameling te garanderen. <\/p>\n\n<p class=\"wp-block-paragraph\">Als de URL van de pagina bijvoorbeeld is:<\/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(1 * 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>https:\/\/www.example.com\/?utm_source=google&amp;utm_medium=cpc&amp;utm_campaign=spring_sale&amp;utm_content=ad_version_1&amp;utm_term=running+schoenen<\/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: #D8DEE9FF\">https<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #616E88\">\/\/www.example.com\/?utm_source=google&amp;utm_medium=cpc&amp;utm_campaign=spring_sale&amp;utm_content=ad_version_1&amp;utm_term=running+shoes<\/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\">De uitvoer van de functie zou zijn:<\/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(1 * 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>{\n \u201cutm_source\u201d: \u201cgoogle\u201d,\n \u201cutm_medium\u201d: \u201ccpc\u201d,\n \u201cutm_campaign\u201d: \u201cspring_sale\u201d,\n \u201cutm_content\u201d: \u201cad_version_1\u201d,\n \u201cutm_term\u201d: \u201chardloopschoenen\u201d\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: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">utm_source<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #D8DEE9FF\">: <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">google<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">utm_medium<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #D8DEE9FF\">: <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">cpc<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">utm_campaign<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #D8DEE9FF\">: <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">spring_sale<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">utm_content<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #D8DEE9FF\">: <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">ad_version_1<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">utm_term<\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #D8DEE9FF\">: <\/span><span style=\"color: #ECEFF4\">\"<\/span><span style=\"color: #A3BE8C\">running shoes<\/span><span style=\"color: #ECEFF4\">\"<\/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\">Elke eigenschap in het object vertegenwoordigt een UTM parameter in de URL, waarbij de naam van de eigenschap de UTM parameternaam is en de waarde van de eigenschap de gedecodeerde waarde van de UTM parameter.<\/p>\n\n<p class=\"wp-block-paragraph\">Als de URL geen UTM-parameters heeft, retourneert de functie een leeg object <code>{}<\/code>.<\/p>\n\n<p class=\"wp-block-paragraph\">Onthoud dat dit een JavaScript-object is, dus je kunt individuele eigenschappen benaderen met puntnotatie. Als je bijvoorbeeld een variabele in GTM hebt die deze functie gebruikt en <code>js.utm_parameters<\/code> heet, kun je <code>{{js.utm_parameters.utm_source}}<\/code> in GTM gebruiken om de waarde van <code>utm_source<\/code> te krijgen. <\/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><\/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-2350","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\/2350","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=2350"}],"wp:term":[{"taxonomy":"type_macros_pt","embeddable":true,"href":"https:\/\/upendo.com\/nl\/wp-json\/wp\/v2\/type_macros_pt?post=2350"},{"taxonomy":"tag_macros_pt","embeddable":true,"href":"https:\/\/upendo.com\/nl\/wp-json\/wp\/v2\/tag_macros_pt?post=2350"},{"taxonomy":"level_macros_pt","embeddable":true,"href":"https:\/\/upendo.com\/nl\/wp-json\/wp\/v2\/level_macros_pt?post=2350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}