WordPress’te eklentiler olmadan Google Tag Manager’ı nasıl entegre edersiniz

Google Manager etiketi (veya GTM), WordPress kurulumunuza komut dosyalarını eklemenin en iyi yoludur. Bir konumdan, sitenize dokunmadan komut dosyalarını ekleyebilir, değiştirebilir ve silebilirsiniz. Ve bu daha fazlası. Kodunuzun ne zaman ve nerede etkinleştirildiğini, ne tür bir olayda izlemek ve etkinleştirmek istediğinizi ve daha fazlasını kontrol edebilirsiniz. GTM kullanarak çok fazla baş ağrısı ve gelecekteki bakım tasarrufu yapabilirsiniz. Ancak, ilk adım GTM’nin kendisini yüklemektir. Bu öğretici, eklenti kullanmadan nasıl yapılacağını gösterecektir. Ayrıca Google AdSense’in entegrasyonunu WordPress ve önceki Google Analytics entegrasyonu ile tartışıyoruz. İnternetteki hemen hemen her site, çalışmayı tamamlamak için WordPress eklentilerini kullanmanızı söyleyecektir. Ancak, eklentilerin kullanımını en aza indirmeyi seven kişi iseniz, bu öğretici sizin için uygundur! İki şeyi tartışacağım:
Google Tag Manager ile bir hesap hazırlayın
İki parça GTM kodu girin
Haydi başlayalım!

Adım 1: Google Hesap Etiketi Yöneticisi Oluşturun Https://tagmanager.google.com adresindeki GTM kontrol panelini ziyaret edin ve Enter. Google’ı önceki etiket yöneticisini kullandıysanız, hesabınızın birleşik ekranını göreceksiniz. Web sitemiz için yeni bir hesap oluşturacağız – ve kendi test sitemi deney tavşanı olarak kullanacağım. Burada gösterildiği gibi “Hesap Oluştur” u tıklayın:

Burada hesap bilgilerinizi girmelisiniz. Diğerleri arasında tanıyabileceğiniz bir isim verin. Bu benim için bir test hesabı olduğu için ona “test sitesi” adını verdim. Ülkenizi açma kutusundan seçin, anonim veri paylaşmak isteyip istemediğinizi seçin ve “Devam” ı tıklayın: Sitenizin adını girdiğiniz yer burasıdır. Sitenin adı, bu hesap için GTM kodunu eklemeyi planladığınızla aynı olmalıdır. Sitenizin adını hak etmek için “HTTP” veya “HTTPS” kullanmayın. “WWW” ile başlayın, eğer değilse, hatalara neden olur. Ayrıca geride kalan eğimli çizgiyi silin. Bu aynı zamanda GTM’nin sitenizi izlemesini istediğinizi seçtiğinizde de olur. “Web”, “Android”, “AMP” vb. Gibi çeşitli uygulamalar arasında seçim yapabilirsiniz. Bu öğretici WordPress’e yükleme için olduğundan, “Web” i seçeceğim ve “Oluştur” u tıklayacağım:

Bu sizi sağ taraftan uçan hüküm ve koşullara götürecektir. Sağ üstte “Evet” i tıklayın ve aşağıdaki kutuyu işaretleyin:

Yasal ile bitirdikten sonra, web sitenize dahil edilecek şekilde kodlanmışsınız:

Bunların iki ayrı kod parçası olduğunu belirtmek önemlidir:

Sitenizde “” etiketine ilk giren
İkincisi “” etiketine girer
İdeal olarak, her ikisi de her etikette mümkün olduğunca yüksek yerleştirilmelidir. Tabii ki, her bir kod parçası olabildiğince yüksek konuma yerleştirilmeyi gerektirir. Ama rahatlayın, kafadaki veya vücuttaki ilk parça olmasa bile, hiçbir şey olmayacak. Bu iyi çalışacak. Bununla birlikte, Sitemizi veya işlevimizi feda etmeden mümkün olduğunca yükseğe koymalıyız. Temamızda veya özel PHP kodumuzu yerleştirdiğimiz diğer birçok konumda bulunan Function.php dosyamıza kod. Çoğu site, kodu girmek için header.php başlığınızı değiştirmenizi isteyecektir. Bu arada, iki sorun var. İlk olarak, öneriler bir temadan diğerine değişecektir. Genel bir tema yapısı olmasına rağmen, tüm temalar aynı şekilde çalışmaz. Bu nedenle, dosyalarınızı özel bir şekilde değiştirme konusunda tavsiye verin, temanın tehlikeli olduğu.
İkinci sorun, temanız her güncellendiğinde, yaptığınız değişiklikleri silmesidir. Burası bir çocuk teması yapmanız ve bunun olmasını engellemeniz gereken yerdir. Kodu doğrudan Function.php’de girmenin bile temanız aynı soruna sahiptir. Bu nedenle, tüm WordPress PHP değişiklikleriniz için harici bir kaynak veya eklentiye sahip olmanızı öneririm. Bu şekilde, bir çocuğun teması yapmanıza gerek yoktur. Ama kalmalısın! Çocukların temasını Function.php’ye değiştirmek için kullanmanızı şiddetle tavsiye ediyorum. Değilse, temanız tekrar güncellendiğinde düzenlemeniz silinecektir. Çocuğun çocuğun temasını yapmak bu makalenin kapsamı dışındadır, ancak orada size rehberlik edecek birçok iyi öğretici var. WordPress kontrol panelinde görünümü açın -> burada gösterildiği gibi düzenleyiciyi:

Bu, sağ taraftaki tema dosyalarının bir listesini oluşturacaktır. “Function.php” i bulana kadar aşağı kaydırın. Tıklayın, bu metin alanında düzenlenecek şekilde açacaktır. Şimdi aşağıdakileri en altta yapıştırın: add_gtm_to_head () {işlevi {
$ google_head_script = <<< eod

(işlev (w, d, s, i) {w [l] = w [l] || []; w [l] .push ({‘gtm.start’:
yeni tarih (). getTime (), olay: ‘gtm.js’}); var f = d.petelementsByTagName [0],
J = d.createelement (ler), dl = l! = ‘Datalayer’? ‘& L =’+l: ”; j.async = true; j.src = true
‘https://www.googletagmanager.com/gtm.js?id=’I++dlink Teşekkürler
}) (pencere, belge, ‘komut dosyası’, ‘datalayer’, ‘gtm-xxxxxxx’);

EOD;
echo $ google_head_script;
}
Add_action (‘wp_head’, ‘add_gtm_to_head’); add_gtm_to_body function ($ sınıflar) {
$ blok = <<< EOD

EOD;
$ sınıflar [] = ‘”>’. $ blok. Kinstacdn.com/wp-content/uploads/2018/05/activate-wreview-mode-for-google-tag-manager-700×349.png “Alt =” Google Manager etiketi için önizleme modunu etkinleştir “700” Yükseklik = “349” />
Bu, “hata ayıklama” veya “önizleme” modunda olduğunu gösteren turuncu bıçaklar görüntülenecektir. Şimdi yeni sekmede site sayfanızı açın. Google’ın etiket yöneticisinin altındaki açılır çubuğu göreceksiniz. Ve sağ tarafta, GTM numaranızı burada gösterildiği gibi göreceksiniz:
Resmi ve Google Etiket Yöneticisi numaranızı görürseniz, Google etiket yöneticisini WordPress sitenize başarıyla entegre ettiğiniz anlamına gelir. Ve bunu yapmak için tek bir eklenti kullanmadan!

WordPress'te eklentiler olmadan Google Tag Manager'ı nasıl entegre edersiniz