{% block stylesheet %}
<style>
.web_to_app_outer {
padding: 11px 15px 11px 15px;
text-align: center;
}
.web_to_app_text {
max-width: 232px;
width: 65%;
}
.web_to_app_icon {
max-width: 101px;
width: 30%;
}
</style>
{% endblock %}
{% block javascript %}
<script>
$(function() {
{% set current_domain = app.request.getHost() %}
{% set is_prod = 'web-order.shikomel.com' in current_domain %}
{% set is_stg = 'web-order-stg.shikomel.com' in current_domain %}
// Lineバナークリックイベント
{% if is_prod %}
$('#web_to_app_icon').on('click', function(event) {
const currentPageUrl = window.location.href;
fbq('trackCustom', 'ce_click_webtoapp_btn', {
content_type: "ClickWebtoappBtn",
content_name: currentPageUrl,
value: 10
});
window.dataLayer.push({
event: 'ce_click_webtoapp_btn',
custom_event_name: 'ce_click_webtoapp_btn',
custom_page_url: currentPageUrl,
custom_customer_id: '',
custom_user_agent: $("#user_agent").val(),
custom_is_ig: $("#is_ig").val(),
custom_is_line: $("#is_line").val(),
custom_referer: $("#referer").val(),
custom_real_ip: $("#real_ip").val(),
});
_lt('send', 'cv', {
type: 'ce_click_webtoapp_btn'
},['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
});
{% endif %}
});
</script>
{% endblock javascript %}
<div class="web_to_app_outer">
<img class="web_to_app_text" src="{{ asset('assets/img/common/webtoapp_text.png','user_data') }}" alt="webToAppテキスト">
<a href="https://shikomel.onelink.me/5Bi4" target="_blank">
<img class="web_to_app_icon" src="{{ asset('assets/img/common/webtoapp_icon.png','user_data') }}" alt="webToAppアイコン">
</a>
</div>