{"id":40071,"date":"2025-04-14T17:42:22","date_gmt":"2025-04-14T14:42:22","guid":{"rendered":"https:\/\/blog.markergroupe.com\/?p=40071"},"modified":"2025-07-07T23:18:45","modified_gmt":"2025-07-07T20:18:45","slug":"custom-javascript-degiskenleri-ile-gtmi-daha-guclu-hale-getirin","status":"publish","type":"post","link":"https:\/\/blog.markergroupe.com\/tr\/custom-javascript-degiskenleri-ile-gtmi-daha-guclu-hale-getirin\/","title":{"rendered":"Custom JavaScript De\u011fi\u015fkenleri ile GTM&#8217;i Daha G\u00fc\u00e7l\u00fc Hale Getirin"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_78 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0130\u00e7indekiler<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blog.markergroupe.com\/tr\/custom-javascript-degiskenleri-ile-gtmi-daha-guclu-hale-getirin\/#Custom_JavaScript_Degiskenleri_Nedir\" >Custom JavaScript De\u011fi\u015fkenleri Nedir?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blog.markergroupe.com\/tr\/custom-javascript-degiskenleri-ile-gtmi-daha-guclu-hale-getirin\/#GTMde_Custom_JavaScript_Kullanmanin_Avantajlari\" >GTM\u2019de Custom JavaScript Kullanman\u0131n Avantajlar\u0131<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blog.markergroupe.com\/tr\/custom-javascript-degiskenleri-ile-gtmi-daha-guclu-hale-getirin\/#Custom_JavaScript_ile_GTMde_Nasil_Baslanir\" >Custom JavaScript ile GTM\u2019de Nas\u0131l Ba\u015flan\u0131r?<\/a><\/li><\/ul><\/nav><\/div>\n\n<p><strong>Google Tag Manager (GTM), dijital pazarlama kampanyalar\u0131n\u0131z i\u00e7in g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. Ancak bazen daha \u00f6zelle\u015ftirilmi\u015f ve dinamik veriye ihtiya\u00e7 duyars\u0131n\u0131z. \u0130\u015fte tam bu noktada Custom JavaScript de\u011fi\u015fkenleri devreye giriyor. GTM&#8217;deki custom JavaScript de\u011fi\u015fkenleri, kullan\u0131c\u0131 etkile\u015fimlerini daha ayr\u0131nt\u0131l\u0131 \u015fekilde takip etmenize ve kampanyalar\u0131n\u0131z\u0131 \u00e7ok daha verimli hale getirmenize olanak tan\u0131r.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"custom-javascript-degiskenleri-nedir\"><span class=\"ez-toc-section\" id=\"Custom_JavaScript_Degiskenleri_Nedir\"><\/span><strong>Custom JavaScript De\u011fi\u015fkenleri Nedir?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Custom JavaScript de\u011fi\u015fkenleri, Google Tag Manager\u2019\u0131n sa\u011flad\u0131\u011f\u0131 yerle\u015fik de\u011fi\u015fkenlerin \u00f6tesinde, kendi \u00f6zel JavaScript kodunuzu kullanarak daha derinlemesine veri izleme imkan\u0131 sunar. Bu de\u011fi\u015fkenler sayesinde web sitenizdeki \u00f6zel etkile\u015fimleri, sayfa y\u00fcklemeleri, kullan\u0131c\u0131 davran\u0131\u015flar\u0131n\u0131 ve daha fazlas\u0131n\u0131 kolayca izleyebilirsiniz. Kendi ihtiya\u00e7lar\u0131n\u0131za g\u00f6re \u00f6zelle\u015ftirilmi\u015f veriler toplaman\u0131z m\u00fcmk\u00fcn olur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gtm-de-custom-javascript-kullanmanin-avantajlari\"><span class=\"ez-toc-section\" id=\"GTMde_Custom_JavaScript_Kullanmanin_Avantajlari\"><\/span><strong>GTM\u2019de Custom JavaScript Kullanman\u0131n Avantajlar\u0131<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Daha Esnek Veri Toplama<\/strong>: Google Tag Manager, genellikle standart verileri izler. Ancak custom JavaScript kullanarak, \u00f6rne\u011fin, kullan\u0131c\u0131lar\u0131n belirli butonlara t\u0131klama oranlar\u0131n\u0131 veya form alanlar\u0131nda yap\u0131lan de\u011fi\u015fiklikleri izleyebilirsiniz.<br><\/li>\n\n\n\n<li><strong>\u00d6zel Etkile\u015fimlerin \u0130zlenmesi<\/strong>: Web sitenizde yer alan \u00f6zel i\u00e7erikler veya belirli etkile\u015fimleri izlemek i\u00e7in JavaScript kodlar\u0131 yazabilirsiniz. \u00d6rne\u011fin, sadece bir sayfan\u0131n belirli b\u00f6l\u00fcmleri g\u00f6r\u00fcnt\u00fclenirse bu bilgiyi kaydedebilirsiniz.<br><\/li>\n\n\n\n<li><strong>Dinamik Verilerin Toplanmas\u0131<\/strong>: Web sitenizdeki i\u00e7erikler s\u00fcrekli olarak g\u00fcncelleniyorsa, custom JavaScript ile dinamik veriler toplayabilirsiniz. \u00d6rne\u011fin, bir kullan\u0131c\u0131 sepetindeki \u00fcr\u00fcnleri g\u00fcncelledi\u011finde, bu de\u011fi\u015fimi izleyebilirsiniz.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"740\" src=\"https:\/\/blog.markergroupe.com\/wp-content\/uploads\/2025\/04\/markergroupe-javascript.webp\" alt=\"\" class=\"wp-image-40072\" style=\"width:490px;height:auto\" title=\"\" srcset=\"https:\/\/blog.markergroupe.com\/wp-content\/uploads\/2025\/04\/markergroupe-javascript.webp 740w, https:\/\/blog.markergroupe.com\/wp-content\/uploads\/2025\/04\/markergroupe-javascript-300x300.webp 300w, https:\/\/blog.markergroupe.com\/wp-content\/uploads\/2025\/04\/markergroupe-javascript-150x150.webp 150w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"custom-javascript-ile-gtm-de-nasil-baslanir\"><span class=\"ez-toc-section\" id=\"Custom_JavaScript_ile_GTMde_Nasil_Baslanir\"><\/span><strong>Custom JavaScript ile GTM\u2019de Nas\u0131l Ba\u015flan\u0131r?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Yeni Bir Custom JavaScript De\u011fi\u015fkeni Olu\u015fturun<\/strong>: Google Tag Manager\u2019a giri\u015f yapt\u0131ktan sonra &#8220;De\u011fi\u015fkenler&#8221; sekmesinden yeni bir de\u011fi\u015fken olu\u015fturun ve \u201cCustom JavaScript\u201d se\u00e7ene\u011fini i\u015faretleyin.<br><\/li>\n\n\n\n<li><strong>JavaScript Kodunu Yaz\u0131n<\/strong>: De\u011fi\u015fkeni olu\u015fturduktan sonra, izlemek istedi\u011finiz veriyi elde etmek i\u00e7in JavaScript kodunuzu yaz\u0131n. \u00d6rne\u011fin, kullan\u0131c\u0131 davran\u0131\u015flar\u0131na dayal\u0131 veri almak i\u00e7in bir fonksiyon yazabilirsiniz.<br><\/li>\n\n\n\n<li><strong>Tetikleyiciyi Ayarlay\u0131n<\/strong>: Kodu yazd\u0131ktan sonra, bu de\u011fi\u015fkenin hangi durumlarda \u00e7al\u0131\u015fmas\u0131 gerekti\u011fini belirlemek i\u00e7in tetikleyici (trigger) olu\u015fturun. \u00d6rne\u011fin, kullan\u0131c\u0131 belirli bir sayfay\u0131 g\u00f6r\u00fcnt\u00fcledi\u011finde veya bir butona t\u0131klad\u0131\u011f\u0131nda bu de\u011fi\u015fken aktif olabilir.<br><\/li>\n\n\n\n<li><strong>Veriyi Etiketlerle Kullanmak<\/strong>: Olu\u015fturdu\u011funuz de\u011fi\u015fkeni etiketler (tags) ile birlikte kullanarak, veriyi Google Analytics, Google Ads gibi platformlara g\u00f6nderebilirsiniz.<br><\/li>\n<\/ol>\n\n\n\n<p><strong>Custom JavaScript<\/strong> de\u011fi\u015fkenleri, <strong>Google Tag Manager<\/strong>\u2019\u0131n sundu\u011fu esneklik sayesinde, pazarlama stratejilerinizi \u00e7ok daha g\u00fc\u00e7l\u00fc hale getirir. Sadece genel verileri toplamakla kalmaz, ayn\u0131 zamanda kullan\u0131c\u0131 etkile\u015fimlerinin \u00e7ok daha derinlemesine analiz edilmesine olanak sa\u011flar. B\u00f6ylece, do\u011fru veri ile do\u011fru stratejiler olu\u015fturabilir ve dijital pazarlama kampanyalar\u0131n\u0131z\u0131 verimli bir \u015fekilde y\u00f6netebilirsiniz. E\u011fer GTM&#8217;i daha g\u00fc\u00e7l\u00fc hale getirmek istiyorsan\u0131z, custom JavaScript kullan\u0131m\u0131 kesinlikle g\u00f6z ard\u0131 etmemeniz gereken bir y\u00f6ntemdir.<\/p>\n\n\n\n<p><strong><em>Marker Groupe&#8217;un geli\u015ftirme hizmetleri hakk\u0131nda bilgi edinmek i\u00e7in bizimle <a href=\"https:\/\/www.markergroupe.com\/iletisim\">MarkerGroupe.com<\/a> web sitesi veya hello@markergroupe.com e-posta adresi \u00fczerinden ileti\u015fime ge\u00e7ebilirsiniz.<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google Tag Manager (GTM), dijital pazarlama kampanyalar\u0131n\u0131z i\u00e7in g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. Ancak bazen daha \u00f6zelle\u015ftirilmi\u015f ve dinamik veriye ihtiya\u00e7 duyars\u0131n\u0131z. \u0130\u015fte tam bu noktada Custom JavaScript de\u011fi\u015fkenleri devreye giriyor. GTM&#8217;deki custom JavaScript de\u011fi\u015fkenleri, kullan\u0131c\u0131 etkile\u015fimlerini daha ayr\u0131nt\u0131l\u0131 \u015fekilde takip etmenize ve kampanyalar\u0131n\u0131z\u0131 \u00e7ok daha verimli hale getirmenize olanak tan\u0131r. Custom JavaScript De\u011fi\u015fkenleri Nedir? Custom JavaScript [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":40072,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","footnotes":""},"categories":[1489],"tags":[1495,2349,2372,1503],"class_list":["post-40071","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dijital-pazarlama","tag-dijital-pazarlama","tag-gtm","tag-javascript","tag-marker-groupe"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/blog.markergroupe.com\/tr\/wp-json\/wp\/v2\/posts\/40071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.markergroupe.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.markergroupe.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.markergroupe.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.markergroupe.com\/tr\/wp-json\/wp\/v2\/comments?post=40071"}],"version-history":[{"count":0,"href":"https:\/\/blog.markergroupe.com\/tr\/wp-json\/wp\/v2\/posts\/40071\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.markergroupe.com\/tr\/wp-json\/wp\/v2\/media\/40072"}],"wp:attachment":[{"href":"https:\/\/blog.markergroupe.com\/tr\/wp-json\/wp\/v2\/media?parent=40071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.markergroupe.com\/tr\/wp-json\/wp\/v2\/categories?post=40071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.markergroupe.com\/tr\/wp-json\/wp\/v2\/tags?post=40071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}