Embed iframe в KinMetric: как встроить дашборд аналитики на свой сайт

Утро понедельника: вы открываете почту, а там — ссылка на чужую Метрику

Знакомая картина: вы ведете сайт клиента, делаете отчеты, показываете динамику. Но каждый раз, чтобы он сам глянул на цифры, приходится отправлять ссылку на KinMetric, просить залогиниться, объяснять, куда нажать. Клиент открывает — и видит не свою статистику, а общий список проектов. Или, что еще хуже, начинает путаться в интерфейсе. В итоге вы тратите время на пересылку скриншотов, а клиент не чувствует прозрачности. Он хочет зайти на свой сайт и увидеть там все сам — без лишних кликов, без регистрации, без «нажмите сюда, потом сюда». В KinMetric эту проблему решили просто и элегантно. Функция Embed iframe позволяет встроить дашборд с аналитикой прямо на страницу любого сайта. Клиенту не нужно даже знать, что такое KinMetric. Он просто видит свои графики там, где привык.

Что такое Embed iframe и как это работает технически

Если по-простому, iframe — это «окно» на вашей странице, которое показывает содержимое другого сайта. Вы вставляете короткий HTML-код, и в этом месте отображается интерактивный дашборд KinMetric. Вот как это выглядит со стороны пользователя:

Клиент заходит на свой сайт, на страницу, где вы разместили блок.
Он видит графики посещаемости, конверсии, источников трафика — все, что вы настроили в дашборде.
Данные обновляются автоматически. Клиент не делает ни одного лишнего движения.

Технически все просто. На странице «Поделиться» в KinMetric есть кнопка «Скопировать код iframe». Вы нажимаете, вставляете код в сайта клиента — и готово. Никаких API-ключей, сложных настроек или дополнительных плагинов. Это работает для любых сайтов — на WordPress, Tilda, на самописных проектах. Даже если у клиента лендинг на конструкторе, который поддерживает HTML-вставки, вы сможете это сделать.

Почему это безопаснее, чем давать логин и пароль

Когда вы даете клиенту доступ к аккаунту KinMetric, он видит все проекты, все настройки, может случайно что-то сломать. С iframe этого не происходит. Вы контролируете, какие данные показывать. Клиент видит только то, что вы выбрали: дашборд без боковых меню, без возможности редактирования, просто картинку с цифрами. Никакого риска, что он удалит счетчик или изменит фильтр. Вы остаетесь администратором, клиент — зрителем.

Реальный кейс: как агентство перестало делать скриншоты

Возьмем типичную ситуацию. SEO-агентство «Пиксель» ведет 12 проектов. Каждую неделю менеджеры готовят отчеты: скриншоты из Метрики, Excel-таблицы, комментарии в мессенджерах. Клиенты вроде довольны, но на еженедельном созвоне выясняется: «А почему у меня трафик упал? А когда вы это исправите?». Проблема в том, что клиент видит статистику раз в неделю — в момент отчета. Если что-то пошло не так во вторник, он узнает об этом только в пятницу. Агентство внедрило Embed iframe. На главной странице каждого клиента появился блок «Ваша аналитика». Теперь клиент может зайти на свой сайт в любой момент и увидеть:

Посещаемость за сегодня и вчера.
Динамику по ключевым запросам.
Конверсию из поиска.

Результат через два месяца: количество претензий от клиентов снизилось на 40%. Клиенты перестали дергать менеджеров по пустякам — они сами видят, что трафик растет. А если случается спад, они видят это сразу и пишут адекватное сообщение, а не накручивают себя неделю. Прозрачность снижает количество конфликтов. Когда клиент сам видит цифры, он доверяет вам больше. Вы перестаете быть «черным ящиком», который выдает отчеты раз в неделю.

Пошаговая инструкция: как встроить дашборд за 3 минуты

Вам понадобится доступ к сайту клиента (или к админке) и сам дашборд в KinMetric. Никаких навыков программирования не требуется.

Зайдите в аккаунт KinMetric и откройте проект, который хотите показать.
Перейдите на страницу «Поделиться» (Share).
Нажмите кнопку «Скопировать код iframe». Код выглядит примерно так: <iframe src="https://kinmetric.cc/embed/ваш_уникальный_код" width="100%" height="600"></iframe>.
Откройте сайт клиента. Найдите место, куда хотите вставить дашборд. Обычно это страница «Личный кабинет» или «Отчеты».
Вставьте скопированный код в нужное место внутри тега . Если у клиента WordPress, используйте виджет «Произвольный HTML» или плагин для вставки кода. Если Tilda — блок HTML-кода.
Сохраните изменения и проверьте. Откройте страницу на сайте клиента — вы должны увидеть дашборд с живыми данными.

Важный момент: iframe подтягивает данные в реальном времени. Клиент не увидит вчерашнюю статистику — он увидит то, что происходит прямо сейчас. Обновление происходит автоматически, без вашего участия. Если нужно изменить набор метрик — просто отредактируйте дашборд в KinMetric. Код на сайте менять не придется. Данные обновятся сами, как только вы сохраните изменения.

Что вы получаете, используя Embed iframe

Если коротко — вы перестаете быть курьером данных и становитесь стратегом. Вот конкретные выгоды:

Экономия времени. Больше не нужно делать скриншоты, собирать PDF-отчеты, отвечать на вопросы «а что там с трафиком?». Клиент видит все сам.
Повышение доверия. Когда клиент может в любой момент зайти и проверить цифры, он перестает подозревать вас в приписках. Данные открыты — это снимает кучу вопросов.
Снижение нагрузки на поддержку. Клиенты реже пишут с вопросами, потому что находят ответы сами. Вы тратите меньше времени на объяснения.
Профессиональный вид. Когда на сайте клиента красуется ваш дашборд с аналитикой, это работает как кейс. Новые клиенты видят, что вы используете современные инструменты и не прячете данные.

Для агентств это еще и способ удержать клиента. Когда человек привыкает видеть аналитику прямо на своем сайте, ему сложнее уйти к другому подрядчику — придется заново настраивать всю систему. Вы становитесь частью его инфраструктуры.

Попробуйте сами — это бесплатно

Функция Embed iframe доступна в KinMetric сразу после регистрации. Вам не нужно покупать платный тариф, чтобы протестировать — в бесплатной версии вы можете создать дашборд и встроить его на свой тестовый сайт. Попробуйте: зайдите в аккаунт, настройте пару графиков, скопируйте код и вставьте на страницу. Увидите, как это работает, за пару минут. А потом покажите клиенту — он оценит. Подробнее о настройке и возможностях читайте в каталоге функций KinMetric. Там же найдете примеры кода и ответы на частые вопросы. Если хотите начать прямо сейчас — зарегистрируйтесь бесплатно и встройте первый дашборд за 3 минуты. Ваши клиенты скажут спасибо.