Tag Manager kurgularında UTM‘ler ve daha bir çok url parçası üzerinden farklı işlemler, testler kurgulamak mümkün. Görüntülenen sayfanın sahip olduğu url yapısı bir yana, tıklanan bir bağlantıya ait url parçalarını da ihtiyacınız olan kurgulara uygun şekilde işlemlere dahil edebilmektesiniz. Özellikle e-ticaret sayfaları ve bloglarda sıklıkla yinelenen linklere özel fonksiyonlar atarken kullanabileceğiniz yöntemler için sadece ihtiyaçlarınızı net bir şekilde belirlemeniz yeterli, geri kalan işlemi bir kaç satırlık javascript kodu ile kolaylıkla halledebilirsiniz.

Url parsing

URL Yapıları

Kısaca URL yapısından bahsettiğimizde değerlendirmemiz gereken alanlar ile ilgili olarak farklı şekillerde kurgulanan iki örneği inceleyebilirsiniz.

See the Pen mPaLjz by Ceyhun Enki Aksan (@ceaksan) on CodePen.

Peki, “https://www.nasa.gov:1234/mission_pages/newhorizons/main/index.html?q=123#top” şeklinde bir bağlantıya sahip bir sayfayı görüntülüyor isek ilgili url parçalarını nasıl edinebiliriz?

window.location

1
2
3
4
5
6
7
8
window.location.host // www.nasa.gov:1234
window.location.hostname // www.nasa.gov
window.location.port // 1234
window.location.protocol // http
window.location.pathname // index.html
window.location.href // https://www.nasa.gov/mission_pages/newhorizons/main/index.html?foo=123#top
window.location.hash // #top
window.location.search // ?q=123

jQuery(location).attr

1
2
3
4
5
6
7
8
$(location).attr('host') // www.nasa.gov:1234
$(location).attr('hostname') // www.nasa.gov
$(location).attr('port') // 1234
$(location).attr('protocol') // http
$(location).attr('pathname') // index.html
$(location).attr('href') // https://www.nasa.gov/mission_pages/newhorizons/main/index.html?foo=123#top
$(location).attr('hash') // #top
$(location).attr('search') // ?q=123

Leave a Reply