Виджет матрицы судьбы для вашего сайта

Виджет матрицы судьбы — это готовый калькулятор, который вы вставляете к себе на сайт одной строкой кода. Посетитель вводит дату рождения и сразу видит шесть ключевых арканов своей матрицы и кармический хвост — не уходя с вашей страницы. Виджет бесплатный, работает на любом движке и не требует регистрации ни от вас, ни от читателя.

Как это выглядит

Ниже — рабочий виджет, тот самый, что появится у вас. Введите любую дату и посмотрите.

Код вставки

Скопируйте и вставьте в то место страницы, где должен появиться калькулятор.

<iframe src="https://kodarkan.ru/widget/embed.html" style="width:100%;max-width:600px;height:340px;border:0;border-radius:16px" loading="lazy" title="Калькулятор матрицы судьбы"></iframe>
<p>Калькулятор <a href="https://kodarkan.ru/">матрицы судьбы</a> — Кодаркан</p>

1. Скопируйте код кнопкой выше.
2. Вставьте его в HTML-блок вашей страницы: в WordPress — блок «Произвольный HTML», в Тильде — блок T123, в Битрикс и Joomla — редактор в режиме «Исходный код».
3. Сохраните страницу и обновите её. Виджет появится сразу — ничего настраивать не нужно.
4. Не удаляйте строку со ссылкой под виджетом: это единственное, что мы просим взамен.

Если хотите, чтобы виджет сам подстраивал высоту

По умолчанию высота фиксированная — 340 пикселей, и после расчёта внутри появляется прокрутка. Чтобы блок растягивался под результат, добавьте на страницу этот кусочек — он слушает сообщение от виджета и меняет высоту рамки.

<script>
window.addEventListener('message', function (e) {
  if (!e.data || e.data.kodarkan !== 'height') return;
  var f = document.querySelector('iframe[src*="kodarkan.ru/widget"]');
  if (f) f.style.height = e.data.h + 'px';
});
</script>

Кому это полезно

Астрологам и тарологам, которые ведут блог и хотят задержать читателя на странице. Авторам пабликов и сайтов про саморазвитие — расчёт даёт повод вернуться. Тем, кто ведёт запись на консультации: человек уже посчитал матрицу, ему проще написать вам с конкретным вопросом.

Что виджет считает

Аркан дня (личность), аркан месяца (таланты), центр матрицы, кармическую задачу, линию отношений и линию денег — и отдельно кармический хвост из трёх арканов. Формулы те же, что в полном калькуляторе: подробно они разобраны на странице методики и источников. Расчёт идёт в браузере посетителя, дата рождения никуда не отправляется.

Правила использования

• Виджет можно ставить на любое количество своих сайтов, в том числе коммерческих.
• Ссылка на kodarkan.ru под виджетом должна остаться видимой и кликабельной.
• Нельзя выдавать виджет за свою разработку и перепродавать доступ к нему.
• Нельзя встраивать его на страницы с материалами 18−, потому что сервис имеет возрастную маркировку 18+.

Частые вопросы

Виджет матрицы судьбы бесплатный?

Да, полностью. Мы не берём денег за установку и не показываем внутри виджета рекламу. Единственное условие — оставить под виджетом строку со ссылкой на kodarkan.ru: она уже входит в код вставки, её достаточно не удалять.

Что именно считает виджет?

Шесть ключевых позиций матрицы по дате рождения: личность, таланты, суть (центр матрицы), кармическую задачу, линию отношений и линию денег, плюс кармический хвост из трёх арканов. Полный расчёт на 15+ позиций посетитель получает по ссылке на нашем сайте.

Замедлит ли виджет мой сайт?

Нет. Виджет грузится в iframe с атрибутом loading="lazy" — браузер подгружает его только когда посетитель доскроллил до этого места. На показатели скорости вашей страницы (LCP, CLS) он при этом не влияет.

Куда уходят даты рождения посетителей?

Никуда. Расчёт выполняется скриптом прямо в браузере посетителя, дата не отправляется ни на наш сервер, ни на ваш. Мы её не видим и не храним.

Можно ли поставить виджет на WordPress или Тильду?

Да. В WordPress вставьте код через блок «Произвольный HTML», в Тильде — через блок T123 (HTML-код). Всё, что нужно, — скопировать код вставки целиком, включая строку со ссылкой.

Можно ли изменить размер и цвет?

Размер — да: поменяйте max-width и height в коде вставки. Виджет адаптивный и сам подстраивается под ширину контейнера. Цветовая схема одна — тёмная; светлую сделаем, если попросят через бота.