Varify® Snippet - Entegrasyon
Kısaca
Varify.io® snippet'ini web sitene veya mağaza sistemlerine gömmek hızlıca yapılabilir. Sayfa titremesini (flickering) önlemek için JavaScript snippet'ini web sayfanın <head> etiketine eklemen en iyisidir. Gerekirse entegrasyon için bir etiket yöneticisi (tag manager) de kullanabilirsin.
Snippet'i hemen entegre edemiyorsan, Google Chrome uzantımızı deneyebilirsin.
Snippet entegrasyonu
Web sitesi alanına entegrasyon (önerilen)
Varify.io snippet'ini web sitene entegre etmek istiyorsan, onu sayfada mümkün olduğunca yukarıya yerleştirmen önemlidir - ideal olarak <head> alanında. Bu, snippet'in doğru ve gecikmeden yüklenmesini sağlar.
Snippet'i entegre etmek için iki seçeneğin var: senkron ve asenkron. Her ikisinin de kendi avantajları ve dezavantajları vardır.
Web sitenizin özel gereksinimlerine ve yapısına bağlı olarak, sizin için en uygun uygulama yöntemine kendiniz karar verirsiniz.
Varify.io betiği senkron olarak nasıl entegre edilir
| Avantaj | Dezavantaj |
|---|---|
| Betiğin web sayfası görüntülenmeden önce yüklenmesini garanti eder. | Betiğin yüklenmesinde sorun olursa web sayfasının yüklenme süresini artırabilir. |
| Sayfa titremesi (flickering) olmaz | Betik yüklenmezse, tüm web sayfası görüntülenemeyebilir. |
<!-- Varify.io® code for YOUR ACCOUNT-->
<script>
window.varify = window.varify || {};
window.varify.iid = YOUR ACCOUNT ID;
</script>
<script src="https://app.varify.io/varify.js"></script>
Önemli: 4. satırda „YOUR ACCOUNT ID“ ifadesini panonuzdaki hesap kimliğiyle değiştirin.
Varify.io betiği asenkron olarak nasıl entegre edilir
| Avantaj | Dezavantaj |
|---|---|
| Web sayfası paralel olarak yüklendiği için sayfanın yüklenme süresini etkilemez. | Diğer betiklerin önce çalıştırılma olasılığı vardır, bu da tuhaf yan etkilere neden olabilir. |
| Betiğin yüklenmesinde sorun olsa bile web sayfası yüklenmeye devam eder. | Sayfa titremesi (flickering) oluşabilir |
<!-- Varify.io® code for YOUR ACCOUNT-->
<script>
window.varify = window.varify || {};
window.varify.iid = YOUR ACCOUNT ID;
</script>
<script async src="https://app.varify.io/varify.js"></script>
Önemli: 4. satırda „YOUR ACCOUNT ID“ ifadesini panelindeki hesap ID'si ile değiştir.
Tag Manager üzerinden entegrasyon
JS kod parçacığını Google Tag Manager üzerinden entegre etmek, Varify.io®'yu web sitenize entegre etmenin hızlı bir yoludur. Ancak bu seçenek, bir varyasyonun sunumu sırasında bir titreme (flickering) efektinin görünür olması riskini de beraberinde getirir.
Tag Manager'ınızda basitçe özel bir HTML etiketi oluşturun ve JavaScript kod parçacığını ekleyin. Tetikleyici olarak, etiketi mümkün olan en kısa sürede tüm sayfalarda tetikleme seçeneğini seçin. Örneğin "Initialization - All pages" bir seçenek olabilir. Web sitenizin kurulumuna bağlı olarak başka seçenekler de olabileceğini unutmayın.
Ekran görüntüsünde "window.varify.iid =" ifadesinden sonra gelen "xxx" kısmını hesap kimliğinizle değiştirdiğinizden emin olun.
Varify script'ini GTM üzerinden entegre ederken veya doğrudan <body>içine entegre ederken Advanced Setup altındaki "Start Tracking on Activation Event" ayarını devre dışı bırak. Bu, Varify Tracking'inin doğru çalışmasını sağlayacaktır.
Chrome eklentisi ile Varify.io'yu deneyin
Varify.io'yu denemek için Google Chrome eklentisini indirebilirsin. Eklenti, Varify.io snippet'ini web sitende yalnızca senin tarayıcında entegre eder. Bu, varyasyonları sadece senin tarayıcında düzenleyip görüntülediğin anlamına gelir.
Koda dokunmadan kişiselleştirilmiş snippet'ini web sitene uygulamak için aşağıdaki adımları izle:
- Varify® Chrome Extension'ı indir
- Eklentiyi tarayıcında etkinleştir
- Varify® kod parçacığını (snippet) panelinden kopyala (Get Snippet Here) ve eklentideki "Your Snippet Code..." alanına yapıştır -. Hazır!
Kurulum ve etkinleştirme ile diğer fonksiyonlar hakkında daha detaylı bir açıklamayı burada bulabilirsin: Varify® Chrome tarayıcı eklentisi
Deney oynatımı sırasında flickering'i önle
Varify, varyantı tam olarak uygulamadan sayfa zaten görünür olduğunda flickering ortaya çıkar. Bunu önlemenin en iyi yolu, snippet'i <head> içine eklemektir.
Bu yeterli değilse veya teknik olarak mümkün değilse, anti-flicker script'ini de kullanabilirsiniz. Bunun için gerekli talimatları dokümantasyonda bulabilirsiniz: Anti-flicker script