{"id":130,"date":"2026-08-29T07:15:13","date_gmt":"2026-08-29T07:15:13","guid":{"rendered":"https:\/\/protos.vn\/?page_id=130"},"modified":"2026-09-28T15:26:20","modified_gmt":"2026-09-28T15:26:20","slug":"analytics-tools","status":"publish","type":"page","link":"https:\/\/protos.vn\/en\/tools\/analytics-tools\/","title":{"rendered":"Analytics Tools"},"content":{"rendered":"    <div id=\"protos-app\" class=\"protos-site protos-v2 ps-live\" data-protos-region=\"content\" data-template=\"tool-catalog\" data-module=\"tools\" data-route=\"\/tools\/analytics-tools\">\r\n    <div id=\"protos-main\" tabindex=\"-1\">\r\n<style id=\"protos-analyticstools-promax-css\">\r\nhtml { overflow-x: hidden !important; overflow-y: scroll !important; scrollbar-gutter: stable; }\r\nbody.protos-content-page, body.protos-content-page #wrapper, body.protos-content-page #main,\r\n.protos-full-page, #protos-app.protos-site, #protos-main {\r\n    background-color: #ffffff !important; color: #0f172a !important;\r\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n    overflow-x: visible !important; overflow-y: visible !important; max-height: none !important; height: auto !important;\r\n    width: 100%; margin: 0; padding: 0; box-sizing: border-box;\r\n}\r\nbody.protos-content-page #header:not(.v-header):not(.p-header),\r\nbody.protos-content-page header#header:not(.v-header):not(.p-header),\r\nbody.protos-content-page .header-wrapper:not(:has(.v-header)),\r\nbody.protos-content-page #masthead, body.protos-content-page .absolute-footer {\r\n    display: none !important; height: 0 !important; visibility: hidden !important;\r\n}\r\n.px-section { position: relative; width: 100%; padding: clamp(56px, 6vw, 96px) 0; overflow-x: clip; border-top: 1px solid rgba(255, 255, 255, 0.06); box-sizing: border-box; }\r\n.px-container { width: 100%; max-width: 1240px; margin-inline: auto; padding-inline: clamp(16px, 4vw, 32px); position: relative; z-index: 2; box-sizing: border-box; }\r\n.px-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); padding: 6px 14px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #94a3b8; margin-bottom: 20px; }\r\n.px-hero { padding-top: clamp(40px, 5vw, 80px); padding-bottom: clamp(56px, 7vw, 100px); background: radial-gradient(circle at 50% -10%, rgba(16, 185, 129, 0.16) 0%, rgba(255, 255, 255, 0) 70%); }\r\n.px-interactive-card { background: rgba(15, 23, 42, 0.75); border: 1px solid rgba(16, 185, 129, 0.25); border-radius: 20px; padding: clamp(24px, 3.5vw, 36px); backdrop-filter: blur(20px); box-shadow: 0 20px 50px -15px rgba(0, 0, 0, 0.6); margin-top: 36px; }\r\n.px-field { width: 100%; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 10px; padding: 12px 14px; font-size: 15px; font-weight: 600; color: #ffffff; box-sizing: border-box; }\r\n.px-field:focus { outline: none; border-color: #10b981; background: rgba(16, 185, 129, 0.05); }\r\n.px-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 36px; }\r\n@media (max-width: 992px) { .px-grid-3 { grid-template-columns: repeat(2, 1fr); } }\r\n@media (max-width: 640px) { .px-grid-3 { grid-template-columns: 1fr; } }\r\n.px-item-card { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 18px; padding: 28px 24px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.25s ease; }\r\n.px-item-card:hover { background: rgba(255, 255, 255, 0.04); border-color: #10b981; transform: translateY(-3px); }\r\n.px-btn { display: inline-flex; align-items: center; gap: 8px; background: #10b981; color: #07090e !important; font-size: 13px; font-weight: 800; padding: 12px 24px; border-radius: 10px; text-decoration: none !important; cursor: pointer; border: none; }\r\n.px-btn:hover { background: #059669; transform: translateY(-2px); }\r\n.px-btn-ghost { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.04); color: #e2e8f0 !important; border: 1px solid rgba(255, 255, 255, 0.12); font-size: 13px; font-weight: 700; padding: 12px 20px; border-radius: 10px; text-decoration: none !important; }\r\n.px-cta-banner { background: radial-gradient(circle at 50% 50%, rgba(16, 185, 129, 0.15) 0%, rgba(255, 255, 255, 0) 80%), rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; padding: clamp(40px, 5vw, 64px) clamp(20px, 4vw, 48px); text-align: center; }\r\n<\/style>\r\n\r\n<!-- SECTION 01: HERO -->\r\n<section class=\"px-section px-hero\">\r\n    <div class=\"px-container\">\r\n\r\n        <div style=\"max-width: 800px;\">\r\n            <div class=\"px-eyebrow\">\r\n                <span style=\"width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;\"><\/span>\r\n                <span>ANALYTICS &amp; ATTRIBUTION UTILITIES<\/span>\r\n            <\/div>\r\n            <h1 style=\"font-size:clamp(32px, 4vw, 50px); font-weight:800; color:#fff; line-height:1.15; margin:0 0 16px 0; letter-spacing:-0.03em;\">\r\n                Conversion Tracking &amp;<br>\r\n                <span style=\"background:linear-gradient(135deg, #fff 30%, #34d399 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;\">GA4 Campaign UTM Studio<\/span>\r\n            <\/h1>\r\n            <p style=\"font-size:16px; color:#94a3b8; line-height:1.6; margin:0 0 24px 0;\">\r\n                Track every dollar accurately. Generate standardized GA4 UTM parameters and audit conversion attribution pathways.            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Interactive Widget: UTM Builder -->\r\n        <div class=\"px-interactive-card\">\r\n            <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; flex-wrap:wrap; gap:12px;\">\r\n                <div>\r\n                    <span style=\"font-size:11px; font-weight:800; color:#34d399; text-transform:uppercase;\">UTM BUILDER<\/span>\r\n                    <h3 style=\"font-size:20px; font-weight:800; color:#fff; margin:4px 0 0 0;\">Standardized GA4 UTM URL Generator<\/h3>\r\n                <\/div>\r\n                <span style=\"background:rgba(16,185,129,0.15); color:#34d399; font-size:11px; font-weight:700; padding:4px 10px; border-radius:999px;\">\u25cf 1-CLICK COPY<\/span>\r\n            <\/div>\r\n\r\n            <div style=\"display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:16px; margin-bottom:18px;\">\r\n                <div>\r\n                    <label style=\"display:block; font-size:11px; font-weight:700; text-transform:uppercase; color:#94a3b8; margin-bottom:8px;\">URL Trang \u0110\u00edch (Website)<\/label>\r\n                    <input type=\"text\" id=\"utm-url\" class=\"px-field\" value=\"https:\/\/protos.vn\/dich-vu\/thiet-ke-website\">\r\n                <\/div>\r\n                <div>\r\n                    <label style=\"display:block; font-size:11px; font-weight:700; text-transform:uppercase; color:#94a3b8; margin-bottom:8px;\">Source (K\u00eanh)<\/label>\r\n                    <select id=\"utm-source\" class=\"px-field\">\r\n                        <option value=\"facebook\">facebook<\/option>\r\n                        <option value=\"google\">google<\/option>\r\n                        <option value=\"tiktok\">tiktok<\/option>\r\n                        <option value=\"zalo\">zalo<\/option>\r\n                        <option value=\"email\">email<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <div>\r\n                    <label style=\"display:block; font-size:11px; font-weight:700; text-transform:uppercase; color:#94a3b8; margin-bottom:8px;\">Medium (H\u00ecnh Th\u1ee9c)<\/label>\r\n                    <select id=\"utm-medium\" class=\"px-field\">\r\n                        <option value=\"cpc\">cpc (Paid Ads)<\/option>\r\n                        <option value=\"social\">social (Organic Post)<\/option>\r\n                        <option value=\"story\">story (Story \/ Reel)<\/option>\r\n                        <option value=\"banner\">banner (Display)<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <div>\r\n                    <label style=\"display:block; font-size:11px; font-weight:700; text-transform:uppercase; color:#94a3b8; margin-bottom:8px;\">Campaign Name (Chi\u1ebfn D\u1ecbch)<\/label>\r\n                    <input type=\"text\" id=\"utm-campaign\" class=\"px-field\" value=\"promax_launch_2026\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div style=\"background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:16px; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;\">\r\n                <div id=\"utm-result\" style=\"font-size:13px; font-family:monospace; color:#34d399; word-break:break-all;\">\r\n                    https:\/\/protos.vn\/dich-vu\/thiet-ke-website?utm_source=facebook&utm_medium=cpc&utm_campaign=promax_launch_2026\r\n                <\/div>\r\n                <button type=\"button\" id=\"btn-copy-utm\" class=\"px-btn\" style=\"white-space:nowrap;\">Copy Link \u2398<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SECTION 02: GRID -->\r\n<section class=\"px-section\">\r\n    <div class=\"px-container\">\r\n        <div class=\"px-grid-3\">\r\n            <div class=\"px-item-card\">\r\n                <div>\r\n                    <h3 style=\"font-size:18px; font-weight:800; color:#fff; margin:0 0 10px 0;\">M\u00f4 Ph\u1ecfng Blended ROAS & MER<\/h3>\r\n                    <p style=\"font-size:13px; color:#94a3b8; line-height:1.6; margin:0 0 20px 0;\">\u0110o l\u01b0\u1eddng Marketing Efficiency Ratio (MER) \u0111\u1ec3 bi\u1ebft t\u1ed5ng doanh thu th\u1ef1c nh\u1eadn tr\u00ean m\u1ed7i \u0111\u1ed3ng chi ti\u00eau \u0111a k\u00eanh.<\/p>\r\n                <\/div>\r\n                <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn\">T\u01b0 V\u1ea5n Thi\u1ebft L\u1eadp \u2192<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"px-item-card\">\r\n                <div>\r\n                    <h3 style=\"font-size:18px; font-weight:800; color:#fff; margin:0 0 10px 0;\">Ch\u1ea9n \u0110o\u00e1n Server-Side CAPI<\/h3>\r\n                    <p style=\"font-size:13px; color:#94a3b8; line-height:1.6; margin:0 0 20px 0;\">Ki\u1ec3m tra m\u1ee9c \u0111\u1ed9 hao h\u1ee5t s\u1ef1 ki\u1ec7n mua h\u00e0ng (Purchase Event Loss) do tr\u00ecnh duy\u1ec7t ch\u1eb7n cookie.<\/p>\r\n                <\/div>\r\n                <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn-ghost\">Ki\u1ec3m Tra CAPI \u2192<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"px-item-card\">\r\n                <div>\r\n                    <h3 style=\"font-size:18px; font-weight:800; color:#fff; margin:0 0 10px 0;\">Looker Studio Connector Kit<\/h3>\r\n                    <p style=\"font-size:13px; color:#94a3b8; line-height:1.6; margin:0 0 20px 0;\">K\u1ebft n\u1ed1i t\u1ef1 \u0111\u1ed9ng d\u1eef li\u1ec7u t\u1eeb Ads Manager v\u00e0 GA4 v\u00e0o m\u1ed9t trang b\u00e1o c\u00e1o realtime duy nh\u1ea5t.<\/p>\r\n                <\/div>\r\n                <a href=\"https:\/\/protos.vn\/en\/ve-protos\/lien-he\/\" class=\"px-btn-ghost\">Xem Demo Dashboard \u2192<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const urlEl = document.getElementById('utm-url');\r\n    const srcEl = document.getElementById('utm-source');\r\n    const medEl = document.getElementById('utm-medium');\r\n    const camEl = document.getElementById('utm-campaign');\r\n    const resEl = document.getElementById('utm-result');\r\n    const copyBtn = document.getElementById('btn-copy-utm');\r\n\r\n    function updateUtm() {\r\n        let base = urlEl.value.trim() || 'https:\/\/protos.vn\/';\r\n        const src = srcEl.value.trim();\r\n        const med = medEl.value.trim();\r\n        const cam = encodeURIComponent(camEl.value.trim());\r\n\r\n        const sep = base.includes('?') ? '&' : '?';\r\n        const finalUrl = `${base}${sep}utm_source=${src}&utm_medium=${med}&utm_campaign=${cam}`;\r\n        resEl.textContent = finalUrl;\r\n    }\r\n\r\n    [urlEl, srcEl, medEl, camEl].forEach(el => el.addEventListener('input', updateUtm));\r\n    updateUtm();\r\n\r\n    copyBtn.addEventListener('click', function() {\r\n        navigator.clipboard.writeText(resEl.textContent).then(() => {\r\n            copyBtn.textContent = '\u0110\u00e3 Copy! \u2713';\r\n            setTimeout(() => { copyBtn.textContent = 'Copy Link \u2398'; }, 2000);\r\n        });\r\n    });\r\n});\r\n<\/script>\r\n<\/div>\r\n    <\/div>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":122,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"protos-full-width.php","meta":{"footnotes":""},"class_list":["post-130","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":2,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/130\/revisions\/301"}],"up":[{"embeddable":true,"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/pages\/122"}],"wp:attachment":[{"href":"https:\/\/protos.vn\/en\/wp-json\/wp\/v2\/media?parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}