Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Данил Матвеев (Сбер) — JavaScript на службе мар...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Ozon Tech Ozon Tech
November 02, 2022
Technology
0
1.1k

Данил Матвеев (Сбер) — JavaScript на службе маркетинга

Avatar for Ozon Tech

Ozon Tech

November 02, 2022
Tweet

More Decks by Ozon Tech

See All by Ozon Tech
Анастасия Писнова, «‎Текст как проект»‎
Avatar for Ozon Tech ozontech
0
43
Светлана Каюшина, Автоматизируем документирование и внедряем ИИ
Avatar for Ozon Tech ozontech
0
60
Павел Костромитин, «‎Что случилось у UXW T-Банка в 2024 »‎
Avatar for Ozon Tech ozontech
0
100
Сергей Горшенин, «‎Конвертация данных Ozon»‎
Avatar for Ozon Tech ozontech
0
63
Юрий Гуреев, «‎Интеграция 1С с внешними системами. Проблемы и их решения»‎
Avatar for Ozon Tech ozontech
0
85
Артём Нургалиев, «‎Кэш на кэш: как ускоряли автобиддеры»‎
Avatar for Ozon Tech ozontech
0
57
Анна Мария Попова (Х5 Tech) – Фантастический техпис: может ли опыт создания художественных книг помочь в написании документации
Avatar for Ozon Tech ozontech
0
230
Александр Мачулин (Gramax) – Справочник фантастических тварей из Docs as Code
Avatar for Ozon Tech ozontech
0
240
Мария Смирнова – Дзен и искусство работы с документацией: как использовать принципы буддизма в работе техписа
Avatar for Ozon Tech ozontech
0
190

Other Decks in Technology

See All in Technology
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
68k
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
Avatar for SansanTech sansantech
PRO
3
1.6k
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
5.6k
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
Avatar for おおいし bicstone
3
120
Amazon Bedrock Knowledge Basesチャンキング解説！
Avatar for 野口碧生 aoinoguchi
0
160
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
Avatar for ama-ch ama_ch
0
190
22nd ACRi Webinar - NTT Kawahara-san's slide
Avatar for Nao Sumikawa nao_sumikawa
0
100
Cosmos World Foundation Model Platform for Physical AI
Avatar for Takuya MINAGAWA takmin
0
950
ランサムウェア対策としてのpnpm導入のススメ
Avatar for Satoru Ishikawa ishikawa_satoru
0
210
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
1
160
日本の85%が使う公共SaaSは、どう育ったのか
Avatar for たけだ taketakekaho
1
230
usermode linux without MMU - fosdem2026 kernel devroom
Avatar for Hajime Tazaki thehajime
0
240

Featured

See All Featured
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
100
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
83
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
210
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
260
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
180
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k

Transcript

  1. Фронтенд как инструмент маркетинга Тепловые карты сайта и a/b тестирование

  2. Матвеев Данил ИТ-инженер в ПАО “СберТех” tg: @danissimon

  3. Как сделать сайт удобным ? https://lingscars.com/

  4. https://www.arngren.net/

  5. Яндекс.Метрика

  6. Пример кода

  7. Google Analytics

  8. Пример кода

  9. Что такое тепловая карта?

  10. heatmap.js https://www.patrick-wied.at/static/heatmapjs/

  11. Как пользоваться?

  12. Кастомный конфиг

  13. radius

  14. opacity

  15. blur

  16. blur

  17. gradient

  18. Добавляем данные

  19. Еще методы

  20. A/B тестирование

  21. Реальный пример №1

  22. Реальный пример №2

  23. Реальный пример №3

  24. Как еще использовать собранную информацию?

  25. Как еще использовать собранную информацию?

  26. Как еще использовать собранную информацию?

  27. Тепловые карты сайта и a/b тестирование Матвеев Данил, tg: @danissimon

  28. Матвеев Данил ИТ-инженер в ПАО “СберТех” tg: @danissimon