Javascript захватить значение HTML-формы для Mixpanel

Question

Javascript захватить значение HTML-формы для Mixpanel

0

У меня есть форма mailchimp, чтобы зарегистрироваться для моего списка рассылки электронной почты и отслеживать mixpanel, чтобы определить, когда будет отправлена форма.

<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup"><form id="mc-embedded-subscribe-form" class="validate" action="http://fileoptic.us7.list-manage.com/subscribe/post?u=a1a176055d942403ee4c74a11&amp;id=028333dc80" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank"><label for="mce-EMAIL">Subscribe to our mailing list for blog updates:</label>
<input id="mce-EMAIL" class="email" name="EMAIL" required="" type="email" value="" placeholder="email address" />
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input name="b_a1a176055d942403ee4c74a11_028333dc80" type="text" value="" /></div>
<div class="clear"><input id="mc-embedded-subscribe" class="button" name="subscribe" type="submit" value="Subscribe" /></div>
</form></div>
<!--End mc_embed_signup-->

<script type="text/javascript">
    mixpanel.track_forms("#mc-embedded-subscribe-form", "Subscribed to Email List");
</script>

Я хочу извлечь предоставленный адрес электронной почты из формы и использовать mixpanel.alias, чтобы идентифицировать пользователей по их адресам электронной почты, когда они перемещаются по моему сайту.

Какой код я использую для извлечения адреса электронной почты и вызова mixpanel.alias с ним?

AndrewAustin 26 апр. 2014, в 20:45

Источник

Теги:

javascript

html

forms

mixpanel

1 ответ

Ещё вопросы

MyCompassSpins · Accepted Answer · 2014-04-26T16-36-00.000Z

Я ничего не знаю о mixpanel, но вот два способа получить значение ввода и сохранить его в переменной для последующего использования.

С jQuery (я предпочитаю этот метод):

$('#mc-embedded-subscribe-form').on('submit', function(){
    var val = $('input.email').val();
    console.log(val); // Use this to test the function
});

Или с простым Javascript. Сначала добавьте это в тег form в свой HTML:

onsubmit="getEmail()"

Тогда функция JS:

function getEmail() {
    var elem = document.getElementById('mce-EMAIL');
    var val = elem.value;
    console.log(val); // For testing
}

Надеюсь, это поможет :)