Efilli JavaScript Kodunun Hardcoded Olarak Entegrasyonu

Efilli Web CMP’yi doğrudan sitenize entegre etmek için JavaScript kodunu HTML yapınıza manuel olarak ekleyebilirsiniz. Bu yöntem, Google Tag Manager kullanmayan web siteleri için uygundur.

Nasıl yapılır?

Yönetim panelinden domaininizi seçin.
“Script Yönetimi” bölümünden entegrasyon kodunu kopyalayın.
Web sitenizin <head> etiketleri arasına bu kodu ekleyin.
Yayınladığınızda CMP banner’ı görünür hale gelir ve rıza toplamaya başlar.

Bilmeniz gerekenler

Kod, async olarak yüklenir. Sayfa performansını etkilemez.
Script sadece tanımlı domainlerde çalışır. Farklı domain için yeniden tanımlama gerekir.
GTM kullanıyorsanız bu adımlar yerine GTM entegrasyonu tercih edebilirsiniz.

Efilli JavaScript kodunu web sitenize hardcoded olarak entegre etmek için aşağıdaki adımları takip edebilirsiniz:

1. Efilli JavaScript Kodunu Alın

Efilli'nin JavaScript kodunu aşağıdaki gibi alabilirsiniz:

htmlKopyalaDüzenle<script src="https://beta-bundles.efilli.com/website.com-prod.js"></script>

Bu kodu, Destek Ekibinden talep edebilir veya Efilli paneli üzerindeki "JavaScript Kodları" bölümünden edinebilirsiniz.

2. HTML Dosyanıza Script Tagi Ekleyin

Efilli JavaScript kodunu, web sitenizin HTML <head> kısmına yerleştirmeniz gerekmektedir. Bu script, diğer scriptlerden önce eklenmelidir.

Örnek:

Mevcut HTML dosyanız şöyle olabilir:

htmlKopyalaDüzenle<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Example Site</title>
</head>
<body>
    <h1>Welcome to My Website</h1>
</body>
</html>

Efilli script tag’ini şu şekilde ekleyin:

htmlKopyalaDüzenle<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Example Site</title>
    <!-- Efilli CMP Script -->
    <script src="https://beta-bundles.efilli.com/website.com-prod.js"></script>
</head>
<body>
    <h1>Welcome to My Website</h1>
</body>
</html>

Not: Script, <head> kısmında ve diğer tüm scriptlerden önce eklenmelidir.

3. Script Ekleme Yöntemleri

Efilli JavaScript kodunu eklerken "async" veya "defer" gibi seçenekler kullanılmamalıdır. Varsayılan senkron ekleme yöntemiyle entegre edilmelidir.

Doğru Ekleme:

htmlKopyalaDüzenle<script src="example.js"></script> <!-- doğru ekleme -->

Yanlış Ekleme:

htmlKopyalaDüzenle<script src="example.js" async></script> <!-- hatalı ekleme -->
<script src="example.js" defer></script> <!-- hatalı ekleme -->

Eğer asenkron veya defer kullanılırsa, Efilli doğru şekilde çalışmaz.

4. Scriptin Çalıştığını Doğrulayın

Entegrasyonu tamamladıktan sonra, şu adımları izleyerek doğru çalışıp çalışmadığını kontrol edebilirsiniz:

Web sitenizi bir tarayıcıda açın.
Tarayıcı konsolunu (F12 > "Console" sekmesi) kontrol edin. Herhangi bir hata olmamalıdır.
Ayrıca, window.efilliSdk öğesinin varlığını kontrol ederek, Efilli'nin doğru şekilde yüklenip yüklenmediğini doğrulayabilirsiniz.
Efilli’nin gerekli öğelerinin (örneğin, banner veya popup) düzgün şekilde yüklendiğinden emin olun.

5. Entegrasyonda Sorun Yaşarsanız

Eğer Efilli entegrasyonunda bir sorun yaşarsanız, şu adımları izleyin:

Teknik destek ekibiyle iletişime geçin.
Efilli panelindeki dokümanları kontrol edin.
Web sitenizin tarayıcı konsolundaki hataları inceleyin.

Sonuç

Efilli'nin JavaScript kodunun doğru şekilde entegrasyonu, yukarıdaki adımlar takip edildiğinde sorunsuz bir şekilde çalışacaktır. Eğer herhangi bir sorunuz olursa, destek ekibimizle iletişime geçebilirsiniz.

Yardım gerekiyor mu?

Script entegrasyonu sırasında sorun yaşarsanız müşteri başarı ekibimizden destek alabilirsiniz.

PreviousGTM İle Kurulum NextSıkça Sorulan Sorular

Last updated 1 month ago