Mimeda tarafından geliştirilen Web SDK ile web sitenizdeki verileri toplayabilir ve analiz edebilirsiniz. Bu sayede, kullanıcıların web sitenizdeki etkileşimlerini ölçebilir ve reklam kampanyalarınızı optimize edebilirsiniz.
SDK kullanılmasının bir başka avantajı ise reklam alanlarının entegrasyonu için gereken tüm işlemleri çok daha rahat yapılmasını sağlamasıdır.
Geliştirilen SDK web siteniz için native Javascript ile geliştirilmiştir. Web sitenize Front-End tarafında entegre edilmesi gerekmektedir.
Javascript dosyasını aşağıdaki CDN adresinden ve kod örneğini kullanarak sayfanızın HEAD kısmına ekleyiniz.
<script async src="https://cdn.mlink.com.tr/web-sdk/m.js"></script>
Geliştirmelerinizi yaparken entegrasyonun doğru olduğundan emin olmak için Mlink Web SDK'nın Debug Mod'unu aktif edebilirsiniz. Bunun için üzerinde çalıştığınız sayfanın url (adres) sonuna "mlink=debug" parametresini eklemeniz yeterli olacaktır.
https://localhost/Test.html?mlink=debug
Event gönderim metodlarının tamamı parametre olarak JSON tipinde bir payload nesnesi beklemektedir. Bu nesne genel olarak kullanıcının kendisi ve ilgi gösterdiği ürünlerin bilgilerini parametre alır. Ek olarak bu kullanıcının web sitenizde gördüğü reklamları opsiyonel olarak göndermeniz, uygulamanızda görüntülenen reklamlar ile satışların ilişkisinin sağlayacak ve reklam verimliliği ile kazançlarınızı arttıracaktır.
Aşağıda bir payload nesnesinin nasıl yaratıldığını ve bilgilerin doldurulmasını gösteren örnek kod bloğunu bulabilirsiniz.
let payload = {
userId: 123,
categoryId : "123abc",
keyword : "süt",
transactionId : 1234567890,
loyaltyCard : "111222333444",
app : "migros-sanalmarket",
products : [
{ barcode: 123456, quantity: 2, price: 123.45 },
{ barcode: 6789, quantity: 1, price: 567.88 }
]
};
Mlink.Publisher.Events.Home.AddToCart(payload);
* Tüm parametreler tüm eventlerde zorunlu değildir. Her bir event için kullanılan parametreler değişiklik gösterebilir. En doğru bilgi için ilgili eventin dökümantasyonunu inceleyebilirsiniz.
Parametre | Açıklama |
---|---|
userId
|
Web sitenize login olmuş kullanıcının sizin sisteminizdeki ID bilgisi. |
cateogryId
|
Kullanıcı eğer bir kategori listeleme sayfasını görüntülüyor ise, görüntülediği kategorinin ID bilgisi. |
keyword
|
Kullanıcı eğer bir arama yaptıysa ve bunun sonucunu görüntülüyorsa, arama yaptığı kelimeyi gönderir. |
transactionId
|
Kullanıcı bir alışverişi tamamladıysa, sizin sisteminizde tanımlı olan transaction ID bilgisi. |
loyaltyCard
|
Kullanıcı eğer bir loyalty Card kullandıysa onun bilgileri gönderilir. |
app
|
Aktif kullanılan uygulamayı belirtir. |
products
|
Kullanıcının ilgi gösterdiği ürünlerin bilgilerini içeren bir array. Her bir ürün için aşağıdaki bilgileri gönderebilirsiniz.
|
<!DOCTYPE html>
<html lang="tr">
<head>
<script async src="https://cdn.mlink.com.tr/web-sdk/m.js"></script>
</head>
<body>
<script>
function SendEvent() {
let payload = {
userId: 123,
categoryId: "123abc",
keyword: "süt",
transactionId: 1234567890,
loyaltyCard : "111222333444",
app : "migros-sanalmarket",
products: [
{ barcode: 123456, quantity: 2, price: 123.45 },
{ barcode: 6789, quantity: 1, price: 567.88 }
]
};
Mlink.Publisher.Events.Home.AddToCart(payload);
}
</script>
<button onclick="SendEvent();">GÖNDER</button>
</body>
</html>
Mimeda'nın yayıncıları için geliştirdiği bir Sponsorlu Ürün reklam modelinin Frontend tarafında 2 farklı entegrasyon adımı bulunmaktadır.
Bunlardan ilki, reklamın görüntülendiği bilgisini yine Mimeda'ya bildirebilmek amacıyla bir fonksiyon çağırılmalıdır. Impression fonksiyonu reklamın sorgulanması sonrasında alınan cevabın (Response Model) hiç değiştirmeden parametre olarak verilmesini bekler.
let payload = {
"lineItemId": 123456,
"creativeId": 987654,
"productSku": "11010239",
"adUnit": "slot-1",
"keyword": "çikolatalı süt",
"app" : "migros-sanalmarket",
"payload": "encrypted-data"
};
Mlink.Publisher.AddMetrics.Impression(payload);
Bir diğeri ise, reklamın tıklandığı bilgisini yine Mimeda'ya bildirebilmek amacıyla bir fonksiyon çağırılmalıdır. Click fonksiyonu reklamın sorgulanması sonrasında alınan cevabın (Response Model) hiç değiştirmeden parametre olarak verilmesini bekler.
let payload = {
"lineItemId": 123456,
"creativeId": 987654,
"productSku": "11010239",
"adUnit": "slot-1",
"keyword": "çikolatalı süt",
"app" : "migros-sanalmarket",
"payload": "encrypted-data"
};
Mlink.Publisher.AddMetrics.Click(payload);