Feature/ecommerce gtag See merge request lilschool/site!408remotes/origin/feature/new-certs-1-10-19
Danil
6 years ago
commit
2b7a3a8dde
17 changed files with 339 additions and 93 deletions
@ -0,0 +1,12 @@ |
||||
from django import template |
||||
|
||||
register = template.Library() |
||||
|
||||
|
||||
@register.simple_tag(takes_context=True) |
||||
def same_url(context, **kwargs): |
||||
request = context.get('request') |
||||
args = request.GET.copy() |
||||
args.update(kwargs) |
||||
return '%s?%s' % (request.path, args.urlencode()) |
||||
|
||||
@ -1,12 +0,0 @@ |
||||
{% extends "templates/lilcity/index.html" %} {% load static %} {% block content %} |
||||
<div class="section"> |
||||
<div class="section__center center center_xs"> |
||||
<div class="done"> |
||||
<div class="done__title title">Вы успешно приобрели курс!</div> |
||||
<div class="done__foot"> |
||||
<a class="done__btn btn btn_md btn_stroke" href="{{ course.url }}">ПЕРЕЙТИ К КУРСУ</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endblock content %} |
||||
@ -1,13 +0,0 @@ |
||||
{% extends "templates/lilcity/index.html" %} {% load static %} {% block content %} |
||||
<div class="section"> |
||||
<div class="section__center center center_xs"> |
||||
<div class="done"> |
||||
<div class="done__title title">Вы успешно приобрели подарочный сертификат!</div> |
||||
<div>Мы отправили письмо с сертификатом на вашу почту.</div> |
||||
<div class="done__foot"> |
||||
<a class="done__btn btn btn_md btn_stroke" href="{% url 'index' %}">СПАСИБО</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endblock content %} |
||||
@ -0,0 +1,96 @@ |
||||
import $ from 'jquery'; |
||||
|
||||
$(document).ready(function () { |
||||
if(! window.LIL_STORE.user.id){ |
||||
return; |
||||
} |
||||
|
||||
if(window.LIL_STORE.urlIs(['courseBuy', 'schoolBuy', 'campBuy', 'giftCertificateBuy'])){ |
||||
if(window.LIL_STORE.urlIs(['schoolBuy', 'giftCertificateBuy'])){ |
||||
const $useBonuses = $('#use-bonuses-checkbox'); |
||||
$useBonuses.find('.switch__content').click(() => { |
||||
window.gtag('event', 'set_checkout_option', { |
||||
"checkout_step": 1, |
||||
"checkout_option": "use_bonuses", |
||||
"value": +!$useBonuses.find('input').prop('checked'), |
||||
}); |
||||
}); |
||||
$('#pay-with-bonuses').click(() => { |
||||
window.gtag('event', 'set_checkout_option', { |
||||
"checkout_step": 1, |
||||
"checkout_option": "use_bonuses", |
||||
"value": 1, |
||||
}); |
||||
}) |
||||
} |
||||
window.gtag('event', 'checkout_progress', { |
||||
"items": [window.LIL_STORE.data.gtagProduct], |
||||
}); |
||||
} |
||||
|
||||
if(window.LIL_STORE.urlIs(['courseBuySuccess', 'schoolBuySuccess', 'campBuySuccess', 'giftCertificateBuySuccess'])){ |
||||
window.gtag('event', 'checkout_progress', { |
||||
"items": [window.LIL_STORE.data.gtagProduct], |
||||
}); |
||||
window.gtag('event', 'purchase', window.LIL_STORE.data.gtagTransaction); |
||||
} |
||||
|
||||
if(window.LIL_STORE.urlIs('course')){ |
||||
const $btn = $('[data-popup=".js-popup-course-buy"]'); |
||||
$btn.click(() => { |
||||
window.gtag('event', 'begin_checkout', { |
||||
"items": [window.LIL_STORE.data.gtagProduct], |
||||
}); |
||||
}); |
||||
const $popup = $('.js-popup-course-buy'); |
||||
const $useBonusesSwitch = $popup.find('.buy__bonuses .switch__content'); |
||||
const $useBonusesInput = $popup.find('.buy__bonuses input'); |
||||
$useBonusesSwitch.click(() => { |
||||
window.gtag('event', 'set_checkout_option', { |
||||
"checkout_step": 1, |
||||
"checkout_option": "use_bonuses", |
||||
"value": +!$useBonusesInput.prop('checked'), |
||||
}); |
||||
}); |
||||
const $buyBtn = $popup.find('.buy__btn'); |
||||
$buyBtn.click(() => { |
||||
window.gtag('event', 'checkout_progress', { |
||||
"items": [window.LIL_STORE.data.gtagProduct], |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
if(window.LIL_STORE.urlIs('prices')){ |
||||
const $btns = $('.package__btn'); |
||||
$btns.click(function () { |
||||
const $this = $(this); |
||||
window.gtag('event', 'begin_checkout', { |
||||
"items": [{ |
||||
id: $this.data('package'), |
||||
name: 'Подписка на ' + +$this.data('duration') + ' месяцев', |
||||
category: 'Подписка', |
||||
brand: 'Lil.School', |
||||
quantity: 1, |
||||
price: +$this.data('price'), |
||||
}], |
||||
}); |
||||
}) |
||||
} |
||||
|
||||
if(window.LIL_STORE.urlIs('giftCertificates')){ |
||||
const $btns = $('.gift-certificates__buy-btn'); |
||||
$btns.click(function () { |
||||
const $this = $(this); |
||||
window.gtag('event', 'begin_checkout', { |
||||
"items": [{ |
||||
id: $this.data('gift-certificate'), |
||||
name: 'Подарочный сертификат на ' + +$this.data('price') + ' руб', |
||||
category: 'Подарочный сертификат', |
||||
brand: 'Lil.School', |
||||
quantity: 1, |
||||
price: +$this.data('price'), |
||||
}], |
||||
}); |
||||
}); |
||||
} |
||||
}); |
||||
Loading…
Reference in new issue