Показываем email пользователя в любом месте

Иногда бывает необходимо отобразить информацию о пользователе, например его email. С помощью данной инструкции вы сможете это сделать. При чём, если пользователь залогинен, его почту можно будет показать в любом месте на сайте, а не только на страницах личного кабинета. Если же он не залогинен, можно выбрать, что будет написано вместо почты.

Что нужно сделать?
  1. Укажите выражение, которое будет написано вместо почты, если пользователь не залогинен.
  2. На сайте в местах, где хотите отобразить email, напишите любое слово, например «email», и сделайте из него ссылку на #email.
  3. Разместите скрипт в футере или на тех страницах, где планируете использовать модификацию в блоке T123.

Должно получиться вот так: email.
<!-- Показываем email пользователя в любом месте | https://necodim.ru/tilda/user-email -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    let projectId = parseInt(document.querySelector('#allrecords').dataset.tildaProjectId),
        lsUser = window.localStorage.getItem('tilda_members_profile' + projectId),
        userEmail = lsUser != null ? JSON.parse(lsUser).login : false,
        newEmail = lsUser != null ? userEmail : 'вы не авторизированы',
        userEmailLink = document.querySelectorAll('a[href="#email"]');
    for (let i=0; i<userEmailLink.length; i++) {
        let span = document.createElement('span');
        userEmailLink[i].innerHTML = newEmail;
        span.innerHTML = userEmailLink[i].innerHTML;
        userEmailLink[i].replaceWith(span);
    }
});
</script>
Таким образом можно отображать информацию о почте пользователя. Если хотите отображать ещё и имя, посмотрите эту инструкцию.
Пример работы модификации
Если вы залогиньтесь, то вместо «вы не авторизированы» увидите своё имя.
Привет! Вы, наверное хотите узнать свой email? Всё просто… #youremail
Made on
Tilda