AI Meta Title Generator v2.0
Get 10 SEO-optimized title variants with pixel-width analysis, CTR scoring, and a live Google SERP preview.
Your 10 Title Variants
| Title |
Chars |
Pixels |
Keyword |
CTR Score |
Actions |
📱 Google SERP Preview (mobile/desktop)
toolspivot.com › your-slug-here
Click a title from the table above to preview
Your meta description will appear here — generate one with our AI Meta Description Generator.
Генератор мета-заголовков на основе ИИ от ToolsPivot создаёт SEO-оптимизированные теги title за считаные секунды — по ключевому слову, описанию страницы и выбранному тону. В отличие от большинства сервисов, которые ограничивают бесплатные генерации или требуют регистрацию, ToolsPivot работает без лимитов и без аккаунта: вставили данные, получили готовые варианты title.
Как пользоваться Генератором Meta Title от ToolsPivot
Введите ключевое слово или тему страницы. Впишите основную фразу, по которой хотите ранжироваться — например, «купить кроссовки Nike в Москве» или «проверка сайта на ошибки».
Добавьте описание (необязательно). Укажите контекст: тип страницы, целевую аудиторию или уникальное преимущество. Чем точнее описание, тем релевантнее результат.
Выберите тон. Доступны 9 вариантов: дружелюбный, профессиональный, остроумный, неформальный, формальный, убеждающий, информативный, вдохновляющий, юмористический. Для коммерческих страниц подойдёт убеждающий, для блога — неформальный или информативный.
Укажите аудиторию. Блогеры, разработчики, маркетологи, студенты, предприниматели или широкая аудитория. Нейросеть адаптирует формулировки под выбранный сегмент.
Нажмите «Generate». ИИ проанализирует введённые параметры и сгенерирует варианты title. Результат появится через 3–5 секунд.
Скопируйте или скачайте результат. Используйте кнопку Copy для вставки в CMS (WordPress, Битрикс, Tilda) или Download для сохранения файла.
Возможности Генератора Meta Title от ToolsPivot
Генерация по ключевому слову и контексту. Инструмент учитывает не только ключ, но и описание страницы, тон подачи и целевую аудиторию. Результат — title, который отвечает конкретному поисковому намерению, а не просто подставляет ключ в шаблон.
9 тонов подачи. От формального до юмористического — для каждого типа страницы свой стиль. Интернет-магазину нужен убеждающий тон, блогу — неформальный, корпоративному сайту — профессиональный.
6 сегментов аудитории. Генератор адаптирует выбор слов и структуру заголовка под конкретную группу: маркетологи получат title с акцентом на ROI и конверсии, студенты — на доступность и простоту.
Копирование и скачивание. Готовый title копируется в один клик или сохраняется файлом. Удобно при массовой работе — результаты не теряются.
Поле «Goal». Можно указать цель страницы: привлечение трафика, продажа, информирование. ИИ расставит акценты в заголовке — добавит призыв к действию для продающих страниц или усилит информативность для статей.
Диапазон «From – To». Задайте рамки длины заголовка в символах. Google отображает 50–60 символов, Яндекс — до 70. Настройка позволяет попадать в нужный диапазон сразу, без ручной обрезки.
Работа без регистрации. Никаких аккаунтов, подписок или ограничений на количество запросов. Открыли страницу — пользуетесь.
Зачем использовать Генератор Meta Title от ToolsPivot
Экономия 15–30 минут на каждом заголовке. Ручной подбор title с учётом ключей, длины и кликабельности занимает до получаса. Генератор выдаёт варианты за 5 секунд — разница в 100 раз.
Меньше перезаписей от Google. Поисковик переписывает 60–70 % заголовков, которые слишком длинные, короткие или не соответствуют содержанию. Заголовки из генератора ToolsPivot попадают в нужный диапазон символов и включают ключевые слова в начале.
Рост CTR в выдаче. Заголовки с правильной структурой — ключ в начале, триггер клика, чёткая выгода — получают на 15–35 % больше кликов, чем «голые» ключевые фразы. Генератор автоматически добавляет такие элементы.
Единый стиль для большого сайта. Интернет-магазин на 500 категорий, блог на 200 статей — вручную писать title для каждой страницы нереально. Выбрали тон, указали аудиторию — получили однородные заголовки для всего проекта.
Работает для Google и Яндекс одновременно. Google рекомендует 50–60 символов, Яндекс допускает чуть больше. Через настройку From–To можно генерировать title, который корректно отображается в обоих поисковиках.
Бесплатно и без ограничений. Сервисы вроде Пиксель Тулс, pr-cy.ru и Robotext либо ограничивают бесплатные генерации 2–5 в день, либо требуют подписку. ToolsPivot — 100 % бесплатно, без лимитов.
Совместимость с любой CMS. Скопированный title вставляется в Yoast SEO (WordPress), стандартные SEO-поля 1С-Битрикс, настройки страниц Tilda, OpenCart и любую другую платформу. Подробнее о создании полного набора мета-тегов — в отдельном инструменте.
Кому пригодится ИИ-генератор title и когда его запускать
SEO-специалисты используют генератор при аудите сайтов. Типичная ситуация: анализ мета-тегов показал, что у 80 из 200 страниц title длиннее 65 символов или вообще отсутствует. Переписывать вручную — несколько дней работы. С генератором — пара часов.
Копирайтерам инструмент помогает подобрать цепляющую формулировку. Вы написали статью на 2 000 слов, проверили плотность ключевых слов и читаемость текста — осталось придумать title. Вместо 20 минут подбора вариантов — 5 секунд генерации.
Владельцам интернет-магазинов на Ozon и Wildberries генератор полезен для карточек товаров. Да, маркетплейсы используют собственные алгоритмы формирования заголовков, но принцип тот же: ключ в начале, выгода, конкретика. Генератор даёт базу, которую остаётся адаптировать под формат площадки.
Фрилансеры и самозанятые, которые ведут свой сайт-портфолио, могут быстро создать title для каждой страницы без привлечения SEO-агентства. Вбили ключ «дизайн логотипов на заказ», выбрали профессиональный тон — получили заголовок, готовый к публикации.
Маркетологи в агентствах запускают генератор при миграции сайтов. Переезд домена с переделкой URL-структуры требует новых title для всех страниц. Массовая генерация через ToolsPivot + ручная доработка — самый быстрый способ.
Что учитывать при составлении title для Google и Яндекс
Title — первое, что видит человек в поисковой выдаче. От него зависит, кликнет пользователь на вашу ссылку или пролистает дальше. Google использует title как один из основных факторов ранжирования, Яндекс — аналогично, хотя может формировать сниппет иначе.
Длина. Google отображает примерно 580–600 пикселей, что соответствует 50–60 символам латиницы. Кириллица чуть шире, поэтому для русскоязычных сайтов безопасный предел — 55 символов. Яндекс показывает до 70 символов, но обрезает без логики, если title слишком длинный. Инструмент ToolsPivot позволяет задать диапазон — например, от 45 до 58 символов — и получить заголовок точно в рамках.
Ключ в начале. Поисковики придают больший вес словам в первых 3–5 позициях заголовка. «Купить кроссовки Nike в Москве — доставка за день» сработает лучше, чем «Быстрая доставка кроссовок Nike — купить в Москве». Разница в порядке слов = разница в позициях.
Уникальность внутри сайта. Дублирующиеся title — частая ошибка. Проверьте через SEO-проверку сайта, нет ли у вас одинаковых заголовков на разных страницах. Каждый URL должен иметь собственный title.
Бренд в конце. Если добавляете название компании — ставьте его после разделителя (| или —) в конце. Ключ важнее бренда для ранжирования.
Быстрые ответы о генераторе мета-заголовков
Да, полностью бесплатный. Без регистрации, без лимитов на количество генераций, без скрытых подписок. Все функции — выбор тона, аудитории, настройка длины — доступны сразу.
Google отображает 50–60 символов (580–600 пикселей) до обрезки. Яндекс допускает до 70 символов, но может переписать заголовок по своим алгоритмам. Для русскоязычных сайтов оптимальный диапазон — 45–58 символов с пробелами. Генератор ToolsPivot позволяет задать этот диапазон в полях From и To.
ChatGPT — универсальный чат-бот, который не учитывает SEO-специфику title без подробного промпта. Генератор ToolsPivot заточен под SEO: настройки тона, аудитории, длины и цели страницы уже встроены в интерфейс. Вы получаете готовый к публикации заголовок без составления промпта.
Инструмент создан для органических SEO-заголовков, но результаты подходят и как основа для рекламных объявлений. Для рекламы учтите ограничения платформ: Яндекс.Директ допускает до 56 символов в заголовке, Google Ads — до 30 символов.
Да. Введите ключевое слово и описание на русском, выберите нужный тон — ИИ сгенерирует title на русском языке. Инструмент корректно работает с кириллицей и учитывает русскую морфологию при подборе формулировок.
Google переписывает title в 60–70 % случаев, если заголовок слишком длинный, не содержит ключевого слова, не соответствует содержанию страницы или перегружен ключами. Заголовки длиной 51–55 символов переписываются реже всего — примерно в 15 % случаев.
Откройте страницу в браузере и нажмите Ctrl+U — найдите тег
в коде. Или используйте <a href="https://toolspivot.com/ru/grammar-checker">проверку грамматики</a> от ToolsPivot для дополнительного контроля качества текста. Также подойдут расширения вроде SEO META in 1 CLICK.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-7-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-7" aria-expanded="false" aria-controls="bvfaq1-7" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">Title и H1 — это одно и то же?</span></a></h4></div><div id="bvfaq1-7" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-7-h" aria-expanded="false"><div class="panel-body acordion_body"><p>Нет. Title отображается в поисковой выдаче и на вкладке браузера, H1 — на самой странице. Они могут совпадать, но чаще различаются: title делают короче и SEO-ориентированнее, H1 — более понятным для читателя. Подробнее о структуре тегов — в <a href="https://toolspivot.com/ru/schema-markup-generator">генераторе разметки Schema</a>.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-8-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-8" aria-expanded="false" aria-controls="bvfaq1-8" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">Сколько ключевых слов вставлять в title?</span></a></h4></div><div id="bvfaq1-8" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-8-h" aria-expanded="false"><div class="panel-body acordion_body"><p>Одно основное и максимум одно дополнительное. Переспам ключами в title снижает <a href="https://toolspivot.com/ru/word-counter-tool">читаемость и кликабельность</a> и может привести к понижению позиций. Google расценивает это как keyword stuffing.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-9-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-9" aria-expanded="false" aria-controls="bvfaq1-9" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">Подходит ли генератор для интернет-магазинов?</span></a></h4></div><div id="bvfaq1-9" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-9-h" aria-expanded="false"><div class="panel-body acordion_body"><p>Да. Для карточек товаров используйте формулу: название товара + характеристика + город (если локальный бизнес). Для категорий: тип товара + «купить» + город. Генератор ToolsPivot создаст базовый вариант, который вы доработаете под конкретную CMS — будь то OpenCart, 1С-Битрикс или WooCommerce.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-10-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-10" aria-expanded="false" aria-controls="bvfaq1-10" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">Как генератор title связан с другими SEO-инструментами?</span></a></h4></div><div id="bvfaq1-10" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-10-h" aria-expanded="false"><div class="panel-body acordion_body"><p>Title — один элемент из цепочки: <a href="https://toolspivot.com/ru/ai-meta-description-generator">мета-описание</a>, <a href="https://toolspivot.com/ru/ai-keyword-cluster-ideas">кластеризация ключевых слов</a>, <a href="https://toolspivot.com/ru/keywords-research-tool">подбор ключевых слов</a>, <a href="https://toolspivot.com/ru/long-tail-keyword-generator">длинные ключевые фразы</a>. Для лучших результатов используйте все инструменты вместе: подберите ключи, сгенерируйте title и description, проверьте <a href="https://toolspivot.com/ru/page-speed-checker">скорость страницы</a>.</p>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Генератор meta title от ToolsPivot бесплатный?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Да, полностью бесплатный. Без регистрации, без лимитов на количество генераций, без скрытых подписок. Все функции — выбор тона, аудитории, настройка длины — доступны сразу."
}
},
{
"@type": "Question",
"name": "Какую длину title рекомендуют Google и Яндекс?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Google отображает 50-60 символов (580-600 пикселей) до обрезки. Яндекс допускает до 70 символов, но может переписать заголовок по своим алгоритмам. Для русскоязычных сайтов оптимальный диапазон — 45-58 символов с пробелами."
}
},
{
"@type": "Question",
"name": "Чем этот генератор отличается от ChatGPT?",
"acceptedAnswer": {
"@type": "Answer",
"text": "ChatGPT — универсальный чат-бот, который не учитывает SEO-специфику title без подробного промпта. Генератор ToolsPivot заточен под SEO: настройки тона, аудитории, длины и цели страницы уже встроены в интерфейс."
}
},
{
"@type": "Question",
"name": "Можно ли генерировать title для Яндекс.Директ и Google Ads?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Инструмент создан для органических SEO-заголовков, но результаты подходят и как основа для рекламных объявлений. Для рекламы учтите ограничения платформ: Яндекс.Директ допускает до 56 символов в заголовке, Google Ads — до 30 символов."
}
},
{
"@type": "Question",
"name": "Генератор работает с русским языком?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Да. Введите ключевое слово и описание на русском, выберите нужный тон — ИИ сгенерирует title на русском языке. Инструмент корректно работает с кириллицей и учитывает русскую морфологию при подборе формулировок."
}
},
{
"@type": "Question",
"name": "Почему Google переписывает мой title?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Google переписывает title в 60-70 % случаев, если заголовок слишком длинный, не содержит ключевого слова, не соответствует содержанию страницы или перегружен ключами. Заголовки длиной 51-55 символов переписываются реже всего — примерно в 15 % случаев."
}
},
{
"@type": "Question",
"name": "Как проверить title после публикации?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Откройте страницу в браузере и нажмите Ctrl+U — найдите тег title в коде. Или используйте анализатор мета-тегов от ToolsPivot для быстрой проверки без просмотра кода."
}
},
{
"@type": "Question",
"name": "Title и H1 — это одно и то же?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Нет. Title отображается в поисковой выдаче и на вкладке браузера, H1 — на самой странице. Они могут совпадать, но чаще различаются: title делают короче и SEO-ориентированнее, H1 — более понятным для читателя."
}
},
{
"@type": "Question",
"name": "Сколько ключевых слов вставлять в title?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Одно основное и максимум одно дополнительное. Переспам ключами в title снижает читаемость и может привести к понижению позиций. Google расценивает это как keyword stuffing."
}
},
{
"@type": "Question",
"name": "Подходит ли генератор для интернет-магазинов?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Да. Для карточек товаров используйте формулу: название товара + характеристика + город. Для категорий: тип товара + купить + город. Генератор ToolsPivot создаст базовый вариант, который вы доработаете под конкретную CMS."
}
},
{
"@type": "Question",
"name": "Как генератор title связан с другими SEO-инструментами?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Title — один элемент из цепочки: мета-описание, кластеризация ключевых слов, подбор ключевых слов, длинные ключевые фразы. Для лучших результатов используйте все инструменты вместе."
}
}
]
}
</script></p><section class="bv-related-tools" aria-label="Related tools"></div></div></div></div><h2 class="bv-related-tools-title">Related Tools You Might Like</h2><div class="bv-related-tools-grid"><a class="bv-related-tool" href="https://toolspivot.com/ru/llms-txt-generator" title="Генератор llms.txt">
<span class="bv-related-tool-icon"><img alt="Генератор llms.txt" src="https://toolspivot.com/theme/smallseo/icons/llms-txt-generator.png?v=1779331628" loading="lazy" /></span>
<span class="bv-related-tool-name">Генератор llms.txt</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a><a class="bv-related-tool" href="https://toolspivot.com/ru/ai-keyword-cluster-ideas" title="Идея кластеризации ключевых слов с помощью AI">
<span class="bv-related-tool-icon"><img alt="Идея кластеризации ключевых слов с помощью AI" src="https://toolspivot.com/theme/smallseo/icons/ai-keyword-cluster-ideas.png?v=1754767380" loading="lazy" /></span>
<span class="bv-related-tool-name">Идея кластеризации ключевых слов с помощью AI</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a><a class="bv-related-tool" href="https://toolspivot.com/ru/ai-content-detector" title="Детектор ИИ-контента">
<span class="bv-related-tool-icon"><img alt="Детектор ИИ-контента" src="https://toolspivot.com/theme/smallseo/icons/ai-content-detector.png?v=1779300449" loading="lazy" /></span>
<span class="bv-related-tool-name">Детектор ИИ-контента</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a><a class="bv-related-tool" href="https://toolspivot.com/ru/ai-meta-description-generator" title="Генератор мета-описаний на базе ИИ">
<span class="bv-related-tool-icon"><img alt="Генератор мета-описаний на базе ИИ" src="https://toolspivot.com/theme/smallseo/icons/ai-seo-meta-description-generator.png?v=1754767380" loading="lazy" /></span>
<span class="bv-related-tool-name">Генератор мета-описаний на базе ИИ</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a><a class="bv-related-tool" href="https://toolspivot.com/ru/ai-humanizer" title="ИИ-гуманизатор">
<span class="bv-related-tool-icon"><img alt="ИИ-гуманизатор" src="https://toolspivot.com/theme/smallseo/icons/ai-humanizer.png?v=1779300097" loading="lazy" /></span>
<span class="bv-related-tool-name">ИИ-гуманизатор</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a><a class="bv-related-tool" href="https://toolspivot.com/ru/geo-audit" title="Инструмент GEO-аудита">
<span class="bv-related-tool-icon"><img alt="Инструмент GEO-аудита" src="https://toolspivot.com/theme/smallseo/icons/geo-audit.png?v=1780680528" loading="lazy" /></span>
<span class="bv-related-tool-name">Инструмент GEO-аудита</span>
<span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
</a></div></section></div>
</div>
<div class="col-md-4" id="rightCol" >
<div class="search_dots_section p20 box_shadow_border">
<div class="tool_heading text-center">
<div class="fs18 mn th-title">ПОИСК</div>
<div class="heading_border mb10 mt10"></div>
</div>
<div id="sidebar_search">
<div class="input-group">
<input id="sidebarsearch" autocomplete="off" placeholder="Поиск по SEO-инструментам" class="form-control" type="text">
<span class="input-group-btn">
<button class="btn btn-secondary" type="button" aria-label="Search"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
</span>
</div>
<div id="sidebar-results" class="search-resultsbar box_shadow_border" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 10px; padding: 15px 0px; display: none;"></div>
</div>
</div>
<div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Реклама</span><div class="sideXd"><!-- New Sidebar -->
<ins class="adsbygoogle"
style="display:block;width:100%;min-height:250px"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="5576900894"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div>
<div class="popular_tool_box box_shadow_border pn mb10 dp-poptools">
<ul>
<li class="popular-seo-t pn">
<div class="mn p10 pop-title">
Популярные инструменты DocPivot </div>
</li>
<li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PPT</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text></svg></div><a href="https://toolspivot.com/doc/ru/powerpoint-to-pdf">PowerPoint в PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">TXT</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text></svg></div><a href="https://toolspivot.com/doc/ru/text-to-pdf">Текст в PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="6" y="6" width="22" height="22" rx="3" stroke-dasharray="4 3"/><rect x="12" y="12" width="22" height="22" rx="3"/><path d="M20 34v-8M16 30l4 4 4-4"/></svg></div><a href="https://toolspivot.com/doc/ru/flatten-pdf">Свести PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">TXT</text></svg></div><a href="https://toolspivot.com/doc/ru/pdf-to-text">PDF в Текст</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">XLS</text></svg></div><a href="https://toolspivot.com/doc/ru/pdf-to-excel">PDF в Excel</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M22 4H11a3 3 0 0 0-3 3v26a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V14z"/><path d="M22 4v10h10"/></svg></div><a href="https://toolspivot.com/doc/ru/pdf-to-epub">PDF в EPUB</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PPT</text></svg></div><a href="https://toolspivot.com/doc/ru/pdf-to-powerpoint">PDF в PowerPoint</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/ru/png-to-svg">PNG в SVG</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/ru/jpg-to-svg">JPG в SVG</a></li><li class="pg-hovr border-bottom"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/ru/webp-to-svg">WebP в SVG</a></li> </ul>
</div>
<div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Реклама</span><div class="sideXd"><!-- Multiplex -->
<ins class="adsbygoogle"
style="display:block;width:100%;min-height:400px"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="7692867693"
data-ad-format="autorelaxed"
data-matched-content-ui-type="image_stacked"
data-matched-content-columns-num="1"
data-matched-content-rows-num="3"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div>
<div class="popular_tool_box box_shadow_border pn mb10"><ul><li class="popular-seo-t pn"><div class="mn p10 pop-title">Популярные ИИ-инструменты</div></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/geo-audit.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ru/geo-audit">Инструмент GEO-аудита</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/llms-txt-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ru/llms-txt-generator">Генератор llms.txt</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-content-detector.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ru/ai-content-detector">Детектор ИИ-контента</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-humanizer.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ru/ai-humanizer">ИИ-гуманизатор</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-keyword-cluster-ideas.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ru/ai-keyword-cluster-ideas">Идея кластеризации ключевых слов с помощью AI</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-seo-meta-title-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ru/ai-meta-title-generator">Генератор мета-заголовков на базе ИИ</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-seo-meta-description-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ru/ai-meta-description-generator">Генератор мета-описаний на базе ИИ</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/article_rewriter_pro.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ru/paraphrasing-tool">Инструмент перефразирования</a></li><li class="pg-hovr border-bottom"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/article_rewriter_pro.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ru/article-rewriter-tool">Реврайтер статей</a></li></ul></div><div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Реклама</span><div class="sideXd"><!-- After Popular AI Tools -->
<ins class="adsbygoogle"
style="display:block;width:100%;min-height:250px"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="7276995379"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div><div class="popular_tool_box box_shadow_border pn mb10"><ul><li class="popular-seo-t pn"><div class="mn p10 pop-title">Популярные SEO-инструменты</div></li><li class="pg-hovr"><div class="icon_image website-seo-score"></div><a href="https://toolspivot.com/ru/website-seo-checker">Инструмент проверки SEO сайта</a></li><li class="pg-hovr"><div class="icon_image plagrism-checker"></div><a href="https://toolspivot.com/ru/plagiarism-checker">Проверка на плагиат</a></li><li class="pg-hovr"><div class="icon_image word-count-checker"></div><a href="https://toolspivot.com/ru/word-counter-tool">Счётчик слов</a></li><li class="pg-hovr"><div class="icon_image keyword-position-checker"></div><a href="https://toolspivot.com/ru/keyword-rank-checker">Проверка позиций ключевых слов</a></li><li class="pg-hovr"><div class="icon_image grammer-chacker"></div><a href="https://toolspivot.com/ru/grammar-checker">Бесплатная онлайн-проверка грамматики</a></li><li class="pg-hovr"><div class="icon_image readability-checker"></div><a href="https://toolspivot.com/ru/readability-checker">Проверка читаемости</a></li><li class="pg-hovr"><div class="icon_image reverse-image"></div><a href="https://toolspivot.com/ru/reverse-image-search">Обратный поиск по изображению</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/keywordsug.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ru/keywords-research-tool">Инструмент исследования ключевых слов</a></li><li class="pg-hovr"><div class="icon_image keyword-dencity-checker"></div><a href="https://toolspivot.com/ru/keyword-density-checker">Проверка плотности ключевых слов</a></li><li class="pg-hovr border-bottom"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/html-edit.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/ru/markdown-editor">Редактор Markdown</a></li></ul></div><div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Реклама</span><div class="sideXd"><!-- After Popular SEO Tools -->
<ins class="adsbygoogle"
style="display:block;width:100%;min-height:250px"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="6571357712"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div>
</div> </div>
</div>
<script>
(function(){
var AJAX = 'https://toolspivot.com/ru/ai-meta-title-generator/ajax';
var BASE_URL = 'https://toolspivot.com/';
var DESC_TOOL_URL = 'https://toolspivot.com/ru/ai-meta-description-generator';
var $ = function(id){ return document.getElementById(id); };
// ----- Pixel width estimation (Roboto/Arial-ish) -----
// Google's actual cutoff is ~580px not 60 chars. We measure with a hidden canvas.
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
ctx.font = '20px Arial, sans-serif';
function pixelWidth(t){ return Math.round(ctx.measureText(t).width); }
// ----- CTR heuristic -----
function ctrScore(title, keyword) {
var s = 0;
var t = title.toLowerCase();
var k = (keyword || '').toLowerCase();
// Keyword in first half: +25
if (k && t.includes(k)) {
var pos = t.indexOf(k);
if (pos < title.length / 2) s += 25; else s += 12;
}
// Numbers (listicle bonus): +15
if (/\b(\d{1,3})\b/.test(title)) s += 15;
// Power words: +10 each (cap 25)
var powers = ['best','top','free','ultimate','proven','complete','essential','easy','quick','simple','new','exclusive','guaranteed','guide','how to'];
var pHits = 0;
powers.forEach(function(p){ if (t.includes(p)) pHits++; });
s += Math.min(25, pHits * 8);
// Year (recency bonus): +10
if (/\b20\d{2}\b/.test(title)) s += 10;
// Brackets/parens (eye-catchers): +5
if (/[\[\(]/.test(title)) s += 5;
// Question mark (engagement): +5
if (/\?/.test(title)) s += 5;
// Optimal length (40-60): +15
if (title.length >= 40 && title.length <= 60) s += 15;
// Over-length penalty: -15
if (title.length > 65) s -= 15;
return Math.max(0, Math.min(100, s));
}
function keywordPosition(title, keyword) {
if (!keyword) return 'No keyword';
var t = title.toLowerCase(), k = keyword.toLowerCase();
var i = t.indexOf(k);
if (i === -1) return '<span class="amt-pill amt-pill-red">Missing</span>';
if (i < title.length * 0.33) return '<span class="amt-pill amt-pill-green">Start</span>';
if (i < title.length * 0.66) return '<span class="amt-pill amt-pill-yellow">Middle</span>';
return '<span class="amt-pill amt-pill-red">End</span>';
}
function charPill(len) {
if (len < 40) return '<span class="amt-pill amt-pill-yellow">' + len + '</span>';
if (len <= 60) return '<span class="amt-pill amt-pill-green">' + len + '</span>';
if (len <= 65) return '<span class="amt-pill amt-pill-yellow">' + len + '</span>';
return '<span class="amt-pill amt-pill-red">' + len + '</span>';
}
function pixelPill(px) {
if (px <= 580) return '<span class="amt-pill amt-pill-green">' + px + 'px</span>';
if (px <= 620) return '<span class="amt-pill amt-pill-yellow">' + px + 'px</span>';
return '<span class="amt-pill amt-pill-red">' + px + 'px</span>';
}
function esc(s){return String(s||'').replace(/[&<>"']/g,function(c){return {'&':'&','<':'<','>':'>','"':'"',"'":'''}[c];});}
function extractTitlesFromResponse(raw) {
// Best case: it returned a clean JSON array
try {
var trimmed = raw.trim().replace(/^```(?:json)?|```$/g, '').trim();
var parsed = JSON.parse(trimmed);
if (Array.isArray(parsed)) return parsed.filter(function(x){ return typeof x === 'string' && x.length > 5; });
} catch (e) {}
// Fallback: extract first [...] block
var m = raw.match(/\[[\s\S]*\]/);
if (m) {
try {
var parsed2 = JSON.parse(m[0]);
if (Array.isArray(parsed2)) return parsed2.filter(function(x){ return typeof x === 'string'; });
} catch (e) {}
}
// Fallback: split on newlines, strip numbering
return raw.split(/\n+/).map(function(l){
return l.replace(/^\s*[\d.)\-*"]+\s*/, '').replace(/["'`]+$/g, '').trim();
}).filter(function(l){ return l.length > 10 && l.length < 120; }).slice(0, 10);
}
function pickBest(rows) {
var bestIdx = 0, bestScore = -1;
rows.forEach(function(r, i){ if (r.ctr > bestScore){ bestScore = r.ctr; bestIdx = i; } });
return bestIdx;
}
function updateSerp(title, keyword) {
$('amtSerpTitle').textContent = title;
var slug = (keyword || 'your-page')
.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
$('amtSerpUrl').textContent = slug;
}
// ---- Form handlers ----
$('amtClear').addEventListener('click', function(){
$('amtKeyword').value = ''; $('amtBrand').value = '';
$('amtResult').classList.remove('is-shown');
});
$('amtGenerate').addEventListener('click', function(){
var keyword = $('amtKeyword').value.trim();
if (!keyword) { alert('Please enter a primary keyword.'); $('amtKeyword').focus(); return; }
var payload = {
prompt: 'seo_meta_title',
keyword: keyword,
title: keyword,
brand: $('amtBrand').value.trim(),
pageType: $('amtPageType').value,
tone: $('amtTone').value,
targetLength: document.querySelector('input[name="amtLen"]:checked').value,
powerWords: $('amtPowerWords').checked ? '1' : '',
includeYear: $('amtIncludeYear').checked ? '1' : ''
};
$('amtResult').classList.add('is-shown');
$('amtResultCard').innerHTML = '<div class="amt-loading"><i class="fa fa-spinner"></i>Generating 10 SEO-optimized titles...</div>';
$('amtGenerate').disabled = true;
fetch(AJAX, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload)
}).then(function(r){return r.json();}).then(function(res){
$('amtGenerate').disabled = false;
if (!res.success) { $('amtResultCard').innerHTML = '<div class="amt-error">Generation failed. Try again.</div>'; return; }
var titles = extractTitlesFromResponse(res.data || '');
if (!titles.length) { $('amtResultCard').innerHTML = '<div class="amt-error">The AI didn\'t return valid titles. Please try again with a clearer keyword.</div>'; return; }
var rows = titles.map(function(t){
return { title: t, chars: t.length, px: pixelWidth(t), ctr: ctrScore(t, keyword), pos: keywordPosition(t, keyword) };
});
var bestIdx = pickBest(rows);
var html = '<h2 style="font-size:18px;margin:0 0 14px;color:#1a202c;">Your ' + rows.length + ' Title Variants <span style="font-weight:400;color:#6b7280;font-size:13px;">— click any title to preview</span></h2>'
+ '<table class="amt-table"><thead><tr>'
+ '<th style="width:50%;">Title</th>'
+ '<th style="text-align:center;">Chars</th>'
+ '<th style="text-align:center;">Pixels</th>'
+ '<th style="text-align:center;">Keyword</th>'
+ '<th style="text-align:center;">CTR Score</th>'
+ '<th>Actions</th>'
+ '</tr></thead><tbody>';
rows.forEach(function(r, i){
var isBest = i === bestIdx;
html += '<tr ' + (isBest ? 'class="amt-best"' : '') + ' data-title="' + esc(r.title) + '">'
+ '<td><div class="amt-title-text">' + esc(r.title) + (isBest ? ' <span class="amt-pill amt-pill-green" style="margin-left:6px;">🏆 BEST</span>' : '') + '</div></td>'
+ '<td style="text-align:center;">' + charPill(r.chars) + '</td>'
+ '<td style="text-align:center;">' + pixelPill(r.px) + '</td>'
+ '<td style="text-align:center;">' + r.pos + '</td>'
+ '<td class="amt-score-cell">' + r.ctr + '<span class="amt-score-bar"><span class="amt-score-bar-fill" style="width:' + r.ctr + '%;"></span></span></td>'
+ '<td>'
+ '<button class="amt-action-btn amt-preview" data-i="' + i + '">Preview</button>'
+ '<button class="amt-action-btn amt-copy" data-i="' + i + '">Copy</button>'
+ '</td>'
+ '</tr>';
});
html += '</tbody></table>';
$('amtResultCard').innerHTML = html;
// Wire up actions
document.querySelectorAll('.amt-preview').forEach(function(b){
b.addEventListener('click', function(){
var idx = parseInt(b.getAttribute('data-i'), 10);
updateSerp(rows[idx].title, keyword);
document.getElementById('amtSerpTitle').scrollIntoView({behavior:'smooth', block:'nearest'});
});
});
document.querySelectorAll('.amt-copy').forEach(function(b){
b.addEventListener('click', function(){
var idx = parseInt(b.getAttribute('data-i'), 10);
navigator.clipboard.writeText(rows[idx].title).then(function(){
var old = b.innerHTML; b.innerHTML = '✓ Copied'; setTimeout(function(){ b.innerHTML = old; }, 1500);
});
});
});
// Pre-populate SERP with the best
updateSerp(rows[bestIdx].title, keyword);
// Cross-tool link: pre-fill description generator
$('amtNextStep').href = DESC_TOOL_URL + '?title=' + encodeURIComponent(rows[bestIdx].title) + '&keyword=' + encodeURIComponent(keyword);
}).catch(function(e){
$('amtGenerate').disabled = false;
$('amtResultCard').innerHTML = '<div class="amt-error">Network error. Please try again.</div>';
});
});
})();
</script>
</div></div></div><!-- Bug Button -->
<style>
/* REPORT A BUG - a 48px circle, not a slab.
*
* It used to be a 136x47 orange rectangle, which made it the fourth orange CTA
* on a tool page (the tool's own "Choose files" and the action button are the
* other two) and the most permanently visible one - competing with the button
* we actually want pressed. As a small icon it competes by SIZE instead of by
* colour: 48px against a 300px action bar reads as subordinate at a glance.
*
* MOVED TO THE LEFT CORNER. The right corner now carries the chat launcher
* and the back-to-top control; a third circle stacked in the same column read
* as clutter, and on a 375px screen the stack reached a third of the height.
* Left also separates the two supports: ask on the right, report on the left.
*/
#bug-btn {
position: fixed;
left: 12px;
/* --aic-b is raised by ai-chat.js while the cookie consent bar is on
screen, so these controls never sit on top of it. Falls back to 12px
when the script has not run. */
bottom: var(--aic-b, 12px);
width: 48px; /* 44px is the touch-target floor; 48 has margin */
height: 48px;
border-radius: 50%;
background: #fa4c10;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
box-shadow: 0 2px 8px rgba(0,0,0,.28);
/* Under the back-to-top, so if they ever do meet the arrow still wins. */
z-index: 9999;
transition: transform .18s ease, box-shadow .18s ease;
}
#bug-btn:hover,
#bug-btn:focus-visible {
color: #fff;
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(0,0,0,.34);
}
#bug-btn:focus-visible {
outline: 3px solid #fff;
outline-offset: 2px;
box-shadow: 0 0 0 6px rgba(250,76,16,.45);
}
#bug-btn .fa { font-size: 20px; line-height: 1; }
/* AN ICON ALONE DOES NOT SAY WHAT IT DOES.
The accessible name is on the link for screen readers; this is the same
thing for everyone else, revealed on hover or keyboard focus so the button
stays a circle at rest. */
#bug-btn .bug-btn-label {
position: absolute;
left: 58px; /* flies out to the right of a left-corner button */
white-space: nowrap;
background: #1c1c1c;
color: #fff;
font-size: 13px;
font-weight: 600;
padding: 6px 10px;
border-radius: 6px;
opacity: 0;
transform: translateX(6px);
pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
}
#bug-btn .bug-btn-label { transform: translateX(-6px); }
#bug-btn:hover .bug-btn-label,
#bug-btn:focus-visible .bug-btn-label { opacity: 1; transform: translateX(0); }
/* On a phone there is no hover and the label would sit under the thumb, so the
circle stands alone - the accessible name still carries the meaning. */
@media (max-width: 767px) {
#bug-btn .bug-btn-label { display: none; }
}
@media (prefers-reduced-motion: reduce) {
#bug-btn, #bug-btn .bug-btn-label { transition: none; }
#bug-btn:hover, #bug-btn:focus-visible { transform: none; }
}
/* ---------------------------------------------------------------------------
AI chat widget.
Layout follows the modern support-widget convention: a flat light panel
rather than a coloured header bar, a floating identity card naming who is
answering, assistant text with no bubble around it, and a pill composer.
The brand mark is ours - the ToolsPivot icon from the favicon setting.
Stacking order in the bottom-right column, measured not assumed:
launcher bottom var(--aic-b), z 10001 (primary support action, 56px)
.top 68px above it, z 10000 (back-to-top, shifted to clear it)
#bug-btn moved to the LEFT corner - see its block above. --aic-b is raised
by ai-chat.js while the cookie consent bar is on screen, and .aic-hold keeps
both controls hidden until window.load.
--------------------------------------------------------------------------- */
.aic-hold #aic-launch, .aic-hold #bug-btn { visibility: hidden; opacity: 0; }
#aic-launch, #bug-btn { transition: opacity .25s ease; }
#aic-launch {
position: fixed;
right: 12px;
bottom: var(--aic-b, 12px);
width: 56px;
height: 56px;
border: 0;
border-radius: 50%;
background: #fa4c10;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 14px rgba(250,76,16,.38);
z-index: 10001;
transition: transform .18s ease, box-shadow .18s ease, opacity .25s ease;
}
/* A speech bubble, not the ToolsPivot mark: the mark is orange and light grey,
so on an orange disc its orange half disappears - and this control's job is
to say "chat". The mark identifies the assistant inside the panel instead. */
#aic-launch .fa { font-size: 23px; line-height: 1; }
#aic-launch:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(250,76,16,.5); }
#aic-launch:focus-visible {
outline: 3px solid #fff; outline-offset: 2px;
box-shadow: 0 0 0 6px rgba(250,76,16,.45);
}
body.aic-on .top { bottom: calc(var(--aic-b, 12px) + 68px) !important; }
#aic-panel {
position: fixed;
right: 12px;
bottom: calc(var(--aic-b, 12px) + 68px);
width: 380px;
max-width: calc(100vw - 24px);
height: 580px;
max-height: calc(100vh - 150px);
background: #f6f4f3; /* flat light field, no header bar */
border: 1px solid #e8e2de;
border-radius: 16px;
box-shadow: 0 18px 48px rgba(28,12,4,.22);
display: flex;
flex-direction: column;
overflow: hidden;
z-index: 10002;
font-family: 'open sans', sans-serif;
transform-origin: bottom right;
animation: aic-in .18s ease-out;
}
@keyframes aic-in { from { opacity: 0; transform: scale(.94) translateY(8px); } }
/* --- header ------------------------------------------------------------- */
/* One bar carrying identity and the close control, rather than a floating
close row above a separate floating card: two stacked chrome layers ate the
top of the panel and read as two unrelated things. Identity belongs in the
header - who is answering, and that it is a machine. A support widget that
hides that is one people distrust the moment it gets something wrong. */
#aic-head {
flex: 0 0 auto;
display: flex; align-items: center; gap: 11px;
/* 16px left matches #aic-log's padding, so the header mark and every
message avatar sit on one vertical edge. It was 14px and they were 2px
apart, which is exactly the sort of gap that reads as sloppy without
being obvious. */
padding: 12px 12px 12px 16px;
background: #fff;
border-bottom: 1px solid #e8e2de;
}
#aic-close {
width: 34px; height: 34px; border: 0; border-radius: 50%; flex: 0 0 34px;
background: rgba(0,0,0,.05); color: #3f3a37; cursor: pointer;
font-size: 15px; line-height: 1; display: flex; align-items: center; justify-content: center;
/* 34px visual, 44px hit area - the target rule is about what the finger
must reach, not what the eye must see. */
position: relative;
}
#aic-close::before { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; }
#aic-close:hover { background: rgba(0,0,0,.11); }
#aic-close:focus-visible { outline: 2px solid #fa4c10; outline-offset: 2px; }
#aic-mark { position: relative; width: 38px; height: 38px; flex: 0 0 38px; }
#aic-head .aic-ttl { flex: 1 1 auto; min-width: 0; }
/* The disc is black because the icon itself is: every uploaded ToolsPivot Icon
has an opaque black field and none is transparent, so the image fills the
circle and its own background becomes the disc. */
#aic-mark .aic-disc {
width: 38px; height: 38px; border-radius: 50%; overflow: hidden; background: #000;
}
#aic-mark img { width: 100%; height: 100%; display: block; }
#aic-mark .aic-dot {
position: absolute; top: -1px; right: -1px;
width: 11px; height: 11px; border-radius: 50%;
background: #22c55e; border: 2px solid #fff;
}
#aic-head h2 { font-size: 15px; font-weight: 700; margin: 0; color: #1f1b19; line-height: 1.25;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#aic-head .aic-sub { font-size: 12.5px; color: #7d726c; margin: 1px 0 0; line-height: 1.3;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* --- message list ------------------------------------------------------- */
#aic-log { flex: 1 1 auto; overflow-y: auto; padding: 16px; }
.aic-msg { display: flex; gap: 10px; margin: 0 0 16px; font-size: 14.5px; line-height: 1.6; }
.aic-msg:last-child { margin-bottom: 0; }
.aic-me { justify-content: flex-end; }
.aic-col { min-width: 0; max-width: 88%; }
/* margin-top centres the avatar on the first LINE BOX of the message, not on
the row: measured 1.8px low at margin-top:1px, so -1px lands it. Line box is
23.2px (14.5px x 1.6) against a 28px avatar. */
.aic-av { width: 28px; height: 28px; border-radius: 50%; flex: 0 0 28px;
background: #000; margin-top: -1px; overflow: hidden; }
.aic-av img { width: 100%; height: 100%; display: block; }
/* Assistant text carries no bubble: the avatar already marks the speaker, and
an unboxed answer reads as prose rather than as a chat artefact. */
.aic-ai .aic-b { background: transparent; border: 0; padding: 2px 0 0; color: #2b2622; }
.aic-me .aic-b {
background: #fa4c10; color: #fff; padding: 10px 14px;
border-radius: 16px 16px 4px 16px;
}
.aic-note .aic-b { color: #2b2622; }
.aic-err .aic-b { background: #fdf3f3; border: 1px solid #f0c9c9; color: #8a2020;
padding: 10px 13px; border-radius: 12px; }
/* --- source card -------------------------------------------------------- */
/* This is the conversion: the answer names a tool, this opens it. */
.aic-src { margin: 10px 0 0; padding: 0; list-style: none; }
.aic-src li { margin: 6px 0 0; }
.aic-src a {
display: flex; align-items: center; gap: 8px;
padding: 10px 13px; background: #fff; border: 1px solid #e8e2de; border-radius: 12px;
color: #b23a0c; font-size: 13.5px; font-weight: 600; text-decoration: none;
transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.aic-src a .aic-sarrow { margin-left: auto; opacity: .55; font-size: 12px; }
.aic-src a:hover, .aic-src a:focus-visible {
border-color: #fa4c10; color: #8f2e0a; text-decoration: none;
transform: translateX(2px); box-shadow: 0 2px 8px rgba(250,76,16,.14);
}
.aic-src a:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; }
/* --- suggested questions ------------------------------------------------ */
/* An empty chat is a blank page problem: people do not know what it can answer,
so they ask nothing. Editable in admin, not hardcoded. */
#aic-sug { margin: 16px 0 0; }
#aic-sug .aic-sug-h { font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em;
color: #9b8d85; margin: 0 0 8px; font-weight: 700; }
.aic-chip {
display: block; width: 100%; text-align: left;
background: #fff; border: 1px solid #e8e2de; border-radius: 12px;
padding: 11px 13px; margin: 0 0 8px; font-size: 13.5px; color: #433b36;
cursor: pointer; font-family: inherit; line-height: 1.45;
transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.aic-chip:hover { border-color: #fa4c10; color: #1f1b19;
transform: translateX(2px); box-shadow: 0 2px 8px rgba(250,76,16,.14); }
.aic-chip:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; }
/* --- escalation to a human --------------------------------------------- */
/* Offered only when the assistant could not answer. Progressive disclosure: a
button first, fields only once pressed, so a dead end becomes a route to a
person without putting a form in front of everyone. */
.aic-esc { margin: 12px 0 0; padding: 13px; background: #fff;
border: 1px solid #e8e2de; border-radius: 14px; }
.aic-esc-h { font-size: 13.5px; color: #433b36; margin: 0 0 10px; font-weight: 600; }
.aic-esc .aic-btn {
display: inline-flex; align-items: center; gap: 7px;
background: #fa4c10; color: #fff; border: 0; border-radius: 999px;
padding: 10px 18px; font-size: 13.5px; font-weight: 600; cursor: pointer;
font-family: inherit; min-height: 42px;
}
.aic-esc .aic-btn:hover { background: #e34410; }
.aic-esc .aic-btn:focus-visible { outline: 3px solid #fff; box-shadow: 0 0 0 5px rgba(250,76,16,.45); }
.aic-esc .aic-btn[disabled] { opacity: .5; cursor: not-allowed; }
/* Visible labels, not placeholder-only: a placeholder disappears the moment
someone types, which is exactly when they need to know what the field was. */
.aic-f { margin: 0 0 10px; }
.aic-f label { display: block; font-size: 12px; font-weight: 600; color: #6b5f59; margin: 0 0 4px; }
.aic-f label .aic-opt { font-weight: 400; color: #9b8d85; }
.aic-f input, .aic-f textarea {
width: 100%; border: 1px solid #e2dad5; border-radius: 10px;
padding: 10px 12px; font-size: 16px; /* 16px stops iOS zooming on focus */
font-family: inherit; color: #222; background: #faf8f7; line-height: 1.4;
}
.aic-f textarea { resize: vertical; min-height: 72px; }
.aic-f input:focus, .aic-f textarea:focus {
border-color: #fa4c10; background: #fff; outline: 2px solid rgba(250,76,16,.22);
}
.aic-f .aic-ferr { display: block; font-size: 12px; color: #b02a2a; margin: 4px 0 0; }
.aic-esc-ok { font-size: 13.5px; color: #1d6b3a; margin: 0; display: flex; gap: 7px; align-items: flex-start; }
/* Three dots, not a spinner: the wait is short and this says "composing". */
.aic-dots span {
display: inline-block; width: 6px; height: 6px; margin-right: 3px;
background: #bcaea6; border-radius: 50%; animation: aic-bounce 1s infinite;
}
.aic-dots span:nth-child(2) { animation-delay: .15s; }
.aic-dots span:nth-child(3) { animation-delay: .3s; }
@keyframes aic-bounce { 0%,60%,100% { opacity: .35; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-2px); } }
/* --- privacy notice ----------------------------------------------------- */
/* Says plainly that the question leaves the site, because it does: it goes to
an AI provider to be answered. Dismissible and remembered, so it informs
once instead of nagging. */
#aic-note {
flex: 0 0 auto; display: flex; align-items: flex-start; gap: 8px;
margin: 0 14px; padding: 10px 12px;
background: #fff; border: 1px solid #e8e2de; border-radius: 12px;
}
#aic-note p { flex: 1 1 auto; margin: 0; font-size: 11.5px; line-height: 1.5; color: #7d726c; }
#aic-note a { color: #b23a0c; text-decoration: underline; }
#aic-note a:hover, #aic-note a:focus-visible { color: #8f2e0a; }
#aic-note .aic-nx {
flex: 0 0 24px; width: 24px; height: 24px; border: 0; border-radius: 50%;
background: transparent; color: #9b8d85; cursor: pointer; font-size: 12px; line-height: 1;
display: flex; align-items: center; justify-content: center; position: relative;
}
/* 24px visual, 44px reachable */
#aic-note .aic-nx::before { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; }
#aic-note .aic-nx:hover { background: rgba(0,0,0,.06); color: #3f3a37; }
#aic-note .aic-nx:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; }
/* --- composer ----------------------------------------------------------- */
#aic-foot { flex: 0 0 auto; padding: 10px 14px 14px; display: flex; gap: 8px; align-items: flex-end; }
#aic-cw {
flex: 1 1 auto; display: flex; align-items: flex-end; gap: 6px;
background: #fff; border: 1px solid #e2dad5; border-radius: 24px; padding: 4px 4px 4px 16px;
}
#aic-cw:focus-within { border-color: #fa4c10; box-shadow: 0 0 0 3px rgba(250,76,16,.16); }
#aic-q {
flex: 1 1 auto; resize: none; border: 0; background: transparent;
padding: 11px 0; font-size: 16px; /* 16px stops iOS zooming on focus */
line-height: 1.4; max-height: 96px; font-family: inherit; color: #222;
}
#aic-q:focus { outline: none; }
#aic-send {
flex: 0 0 auto; width: 40px; height: 40px; border: 0; border-radius: 50%;
background: #fa4c10; color: #fff; cursor: pointer; font-size: 14px;
display: flex; align-items: center; justify-content: center;
transition: background .15s ease;
}
#aic-send:hover { background: #e34410; }
#aic-send:focus-visible { outline: 3px solid #fff; box-shadow: 0 0 0 5px rgba(250,76,16,.45); }
#aic-send[disabled] { opacity: .4; cursor: not-allowed; }
#aic-cap { padding: 12px 16px; margin: 0 14px 10px; background: #fff;
border: 1px solid #e8e2de; border-radius: 14px; }
#aic-cap p { font-size: 13px; margin: 0 0 8px; color: #555; }
@media (max-width: 767px) {
#aic-panel {
right: 12px; left: 12px; width: auto;
bottom: calc(var(--aic-b, 12px) + 64px); height: auto; top: 12px; /* full height on a phone */
max-height: none;
}
.aic-col { max-width: 90%; }
}
@media (prefers-reduced-motion: reduce) {
#aic-launch, .aic-chip, .aic-src a, #aic-send, #bug-btn { transition: none; }
#aic-launch:hover, .aic-chip:hover, .aic-src a:hover { transform: none; }
#aic-panel { animation: none; }
.aic-dots span { animation: none; opacity: .6; }
}
</style>
<a id="bug-btn"
href="https://toolspivot.com/ru/report-bug"
rel="nofollow"
title="Сообщить об ошибке"
aria-label="Сообщить об ошибке"
onclick="this.href = this.href.split('?')[0] + '?url=' + encodeURIComponent(window.location.href)">
<i class="fa fa-bug" aria-hidden="true"></i>
<span class="bug-btn-label">Сообщить об ошибке</span>
</a>
<!-- Bug Button End-->
<script>document.documentElement.className += ' aic-hold';</script>
<button id="aic-launch" type="button" aria-expanded="false" aria-controls="aic-panel"
title="Задать вопрос"
aria-label="Задать вопрос">
<i class="fa fa-comment" aria-hidden="true"></i>
</button>
<script>
window.AICHAT_CFG = {
ask: "https:\/\/toolspivot.com\/ai-chat\/ask",
verify: "https:\/\/toolspivot.com\/ai-chat\/captchaverify",
contact: "https:\/\/toolspivot.com\/ai-chat\/contact",
privacy: "https:\/\/toolspivot.com\/ru\/page\/privacy-policy",
lang: "ru",
sitekey: "",
icon: "https:\/\/toolspivot.com\/uploads\/74432335_ToolsPivot Icon.png",
suggest: ["Проверить, работает ли мой сайт","На какой позиции мой запрос?","Проверить авторитет домена","Проверить грамматику"],
t: {"title":"Спросить ToolsPivot","open":"Задать вопрос","close":"Закрыть","intro":"Спросите о любом инструменте ToolsPivot, и я подскажу нужный.","ph":"Задайте вопрос","send":"Отправить","think":"Думаю","err":"Что-то пошло не так. Попробуйте ещё раз.","rate":"Вы достигли лимита вопросов. Попробуйте позже.","src":"Источники","sub":"Ответы на основе страниц ToolsPivot","role":"ИИ-ассистент","note":"Ваш вопрос отправляется ИИ-провайдеру для подготовки ответа. Мы не храним ваши сообщения.","notelnk":"Политика конфиденциальности","notedis":"Скрыть","sugh":"Попробуйте спросить","esc":"Нужна ещё помощь?","escbtn":"Написать нашей команде","cname":"Ваше имя","cmail":"Ваш e-mail","cmsg":"Чем мы можем помочь?","csend":"Отправить сообщение","cok":"Спасибо. Мы получили ваше сообщение и ответим по электронной почте.","cbad":"Введите корректный адрес электронной почты.","copt":"необязательно","cap":"Подтвердите, что вы человек, чтобы продолжить.","capfail":"Проверка не пройдена. Попробуйте ещё раз."}};
</script>
<script src="https://toolspivot.com/theme/smallseo/js/ai-chat.js?v=20260906p" defer></script>
<div class="f_intro_bg text-center">
<form class="navbar-form mn" action="#">
<img src="https://toolspivot.com/theme/smallseo/img/form_subcribe_footer_brand.png?v=1788577768" class="f_icon" alt="" loading="lazy" decoding="async">
<span class="f_text">Подпишитесь на нашу рассылку</span>
<div class="input-group">
<input id="newsletterEmail" name="email" placeholder="Введите адрес электронной почты" class="form-control search_input pl30" type="email">
<div class="input-group-btn">
<button id="newsletterSubscribe" type="submit" class="btn btn-default search_button">Подписаться</button>
</div>
</div>
</form>
</div>
<div class="f_description_bg text-center">
<div class="f_graph">
<div class="container">
<div class="col-lg-1 col-md-1"></div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 f_logo_box f_contect pn">
<a class="navbar-brand ptn" href="https://toolspivot.com/ru"><img src="https://toolspivot.com/uploads/ToolsPivot Logo Light.png" alt="ToolsPivot" width="398" height="78" loading="lazy" decoding="async" /></a>
<div class="contect_info col-xs-12 pn">
<p>СВЯЗАТЬСЯ С НАМИ</p>
<span>info@toolspivot.com</span>
</div>
<div class="address_info col-xs-12 pn">
<p>АДРЕС</p>
<span>Ward No.1, Nehuta, P.O - Kusha, P.S - Dobhi, Gaya, Bihar, India, 824220</span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 lef_to_right_border f_version">
<p>Наши самые популярные инструменты</p>
<a href="https://toolspivot.com/ru/word-counter-tool" title="Word Counter"><div class="ver_img has-fa"><i class="fa fa-file-text-o"></i></div></a>
<a href="https://toolspivot.com/ru/plagiarism-checker" title="Plagiarism Checker"><div class="ver_img has-fa"><i class="fa fa-search"></i></div></a>
<a href="https://toolspivot.com/ru/sitemap-generator-tool" title="Sitemap Generator"><div class="ver_img has-fa"><i class="fa fa-sitemap"></i></div></a>
<a href="https://toolspivot.com/ru/robots-txt-generator" title="Robots.txt Generator"><div class="ver_img has-fa"><i class="fa fa-android"></i></div></a>
<a href="https://toolspivot.com/ru/reverse-image-search" title="Reverse Image Search"><div class="ver_img has-fa"><i class="fa fa-picture-o"></i></div></a>
<a href="https://toolspivot.com/ru/keywords-research-tool" title="Keywords Research"><div class="ver_img has-fa"><i class="fa fa-key"></i></div></a>
<a href="https://toolspivot.com/ru/backlink-maker" title="Backlink Maker"><div class="ver_img has-fa"><i class="fa fa-link"></i></div></a>
<a href="https://toolspivot.com/ru/meta-tag-generator" title="Meta Tag Generator"><div class="ver_img has-fa"><i class="fa fa-tags"></i></div></a>
<a href="https://toolspivot.com/ru/page-speed-checker" title="Page Speed Checker"><div class="ver_img has-fa"><i class="fa fa-tachometer"></i></div></a>
<a href="https://toolspivot.com/ru/article-rewriter-tool" title="Article Rewriter"><div class="ver_img has-fa"><i class="fa fa-pencil-square-o"></i></div></a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 f_contect pl30" style="min-height: 230px;">
<div class="mor_pages">
<p>БЫСТРЫЕ ССЫЛКИ</p>
<ul style="list-style:none;margin:0;padding:0;">
<li><a href="https://toolspivot.com/ru">Главная</a></li><li><a href="https://toolspivot.com/ru/page/dmca">Авторские права и DMCA</a></li><li><a href="https://toolspivot.com/ru/page/privacy-policy">Политика конфиденциальности</a></li><li><a href="https://toolspivot.com/ru/page/terms-of-service">Условия обслуживания</a></li><li><a href="https://toolspivot.com/ru/contact">Свяжитесь с нами</a></li><li><a href="https://toolspivot.com/doc/ru">DocPivot</a></li><li><a href="https://toolspivot.com/ru/page/about-us">О нас</a></li> </ul>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div style="position: relative;">
<div class="container-fluid p10 footer">
<div class="container pn">
<div class="col-md-6 col-sm-12 col-xs-12 text-center pull-right_big">
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<p class="text-center margin0">Авторские права © 2018-2026 ToolsPivot.com. Все права защищены. </p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("body").append('<div class="top">↑</div>'),$(window).scroll(function(){$(this).scrollTop()>220?$(".top").fadeIn(500):$(".top").fadeOut(500)}),$(".top").click(function(a){return a.preventDefault(),$("html, body").animate({scrollTop:0},500),!1})
</script>
<script>
jQuery(document).ready(function(){
jQuery("#newsletterSubscribe").click(function(e) {
e.preventDefault();
var newsletterEmail = jQuery('#newsletterEmail').val();
if (newsletterEmail == '') {
sweetAlert(oopsStr, inputEm, "error");
}else {
jQuery.post(baseUrl + 'newsletter', {subscribe: '1', email: newsletterEmail}, function (data) {
if (data.success)
sweetAlert('Success', data.msg, "success");
else
sweetAlert(oopsStr, data.msg, "error");
});
}
});
});
</script>
<!-- Bootstrap -->
<script src="https://toolspivot.com/theme/smallseo/js/bootstrap.min.js?v=1743851074" type="text/javascript"></script>
<!-- Sweet Alert -->
<script type='text/javascript' src='https://toolspivot.com/theme/smallseo/js/sweetalert.min.js?v=1743851074'></script>
<!-- App JS (self-contained UI: mega-menu, TOC, etc. — safe to defer).
No manual ?v= needed: themeLink() already appends ?v=filemtime, so editing
this file busts the two-month JS cache in .htaccess by itself. -->
<script src="https://toolspivot.com/theme/smallseo/js/app.js?v=1786855079" type="text/javascript" defer></script>
<!-- Navbar mega menus. On every page now, not just /doc/*, because ToolsPivot's
navbar carries All PDF Tools and All Image Tools too. The script returns
immediately when there is no `.dp-mega-wrap` on the page, so anywhere the
menus are absent it costs one querySelectorAll. Deferred: the panels are
plain lists of links until it runs, so nothing is broken in flight. -->
<script src="https://toolspivot.com/theme/smallseo/js/docpivot/megamenu.js?v=1786408068" type="text/javascript" defer></script>
<!-- Master JS -->
<script src="https://toolspivot.com/ru/rainbow/master-js?v=3d84fe0b9a" type="text/javascript"></script>
<!-- XD Box -->
<div class="modal fade loginme" id="xdBox" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button id="xdClose" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="modal-title" id="xdTitle"></div>
</div>
<div class="modal-body" id="xdContent">
</div>
</div>
</div>
</div>
<script> $("#collapse0").collapse();</script></body>
</html>
<!-- Cookie consent banner — GDPR/ePrivacy compliance. Renders only if no consent cookie set yet. -->
<div id="bvCookieBar" style="display:none;position:fixed;left:0;right:0;bottom:0;background:#1a202c;color:#fff;padding:14px 20px;z-index:9998;box-shadow:0 -2px 12px rgba(0,0,0,0.15);font-size:14px;line-height:1.5;">
<div style="max-width:1200px;margin:0 auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap;">
<div style="flex:1;min-width:240px;">
🍪 We use cookies for analytics and ad personalisation. Choose whether to allow non-essential cookies. Essential cookies keep the site working and are always on. See our
<a href="https://toolspivot.com/ru/page/privacy-policy" style="color:#fa4c10;text-decoration:underline;">Privacy Policy</a>.
</div>
<div style="display:flex;gap:8px;flex-wrap:wrap;">
<button type="button" id="bvCookieAccept" style="background:#fa4c10;color:#fff;border:0;padding:9px 18px;border-radius:6px;font-weight:600;cursor:pointer;">Accept all</button>
<button type="button" id="bvCookieDecline" style="background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.3);padding:9px 16px;border-radius:6px;font-weight:600;cursor:pointer;">Reject</button>
</div>
</div>
</div>
<script>
(function(){
var COOKIE = 'bv_cookie_consent';
var bar = document.getElementById('bvCookieBar');
// Read consent cookie
function getConsent() {
var m = document.cookie.match(/(?:^|; )bv_cookie_consent=([^;]+)/);
if (!m) return null;
try { return decodeURIComponent(m[1]); } catch (e) { return null; }
}
function setConsent(val) {
var d = new Date(); d.setTime(d.getTime() + 365 * 86400 * 1000);
document.cookie = COOKIE + '=' + val + '; expires=' + d.toUTCString() + '; path=/; SameSite=Lax';
}
if (!getConsent()) {
bar.style.display = '';
}
document.getElementById('bvCookieAccept').addEventListener('click', function(){
setConsent('accepted'); bar.style.display = 'none';
// Optionally re-fire analytics with consent
if (typeof gtag === 'function') gtag('consent', 'update', { ad_storage: 'granted', ad_user_data: 'granted', ad_personalization: 'granted', analytics_storage: 'granted' });
});
document.getElementById('bvCookieDecline').addEventListener('click', function(){
setConsent('declined'); bar.style.display = 'none';
if (typeof gtag === 'function') gtag('consent', 'update', { ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied', analytics_storage: 'denied' });
});
})();
</script>