{
    "componentChunkName": "component---src-templates-article-index-js",
    "path": "/developers/android/integrations/clarity",
    "result": {"data":{"mdx":{"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Microsoft Clarity\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://clarity.microsoft.com/\"\n  }, \"Microsoft Clarity\"), \" is a free behavioral analytics tool that helps retailers understand how users interact with their app through session replays and heatmaps. It automatically captures interactions such as taps, scrolls, and navigation flows, without the need for manual event tagging.\"), mdx(\"p\", null, \"To integrate Microsoft Clarity into your application, follow these steps:\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Include the Clarity PoqSDK in your \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"build.gradle\"), \":\\n\", mdx(\"pre\", {\n    parentName: \"li\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-java\"\n  }, \"implementation(\\\"com.poqstudio:analytics.clarity:$poqSdkVersion\\\")\\n\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Provide your Clarity project ID through the \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"#poq-settings\"\n  }, \"ClaritySettings\"), \" object.\")), mdx(\"h2\", {\n    \"id\": \"poq-settings\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#poq-settings\",\n    \"aria-label\": \"poq settings permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Poq Settings\"), mdx(\"p\", null, \"The Clarity PoqSDK is configurable via \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"ClaritySettings\"), \".\\nThrough \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://github.com/poqcommerce/Poq.Android.Platform/blob/master/analytics/clarity/src/main/java/com/poqstudio/app/analytics/clarity/config/ClaritySettings.kt\"\n  }, \"ClaritySettings\"), \" you can configure:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"projectId\"), \": Clarity project ID.\")), mdx(\"p\", null, \"The Clarity project ID can be found on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Settings\"), \" page of your Clarity dashboard.\"), mdx(\"h2\", {\n    \"id\": \"tracking-consent\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#tracking-consent\",\n    \"aria-label\": \"tracking consent permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Tracking consent\"), mdx(\"p\", null, \"Clarity only starts recording once the user has granted tracking consent. The SDK observes the shared user tracking-consent decision and:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"initialises Clarity the first time consent is granted,\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"pauses recording if consent is later revoked, and resumes it if it is granted again.\")), mdx(\"p\", null, \"If consent is declined, Clarity is never initialised. Consent is captured through the Privacy Settings screen, which is shown automatically on first launch and can also be opened with the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"://privacy-settings\"), \" deep link.\"));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"Microsoft Clarity  is a free behavioral analytics tool that helps retailers understand how users interact with their app through session…","fields":{"lastModified":"2026-06-24 17:16:52 +0200\n","slug":"/developers/android/integrations/clarity"},"frontmatter":{"date":null,"excerpt":null,"published":null,"title":"Microsoft Clarity"},"headings":[{"depth":2,"value":"Poq Settings"},{"depth":2,"value":"Tracking consent"}],"rawBody":"---\ntitle: Microsoft Clarity\n---\n\n[Microsoft Clarity](https://clarity.microsoft.com/) is a free behavioral analytics tool that helps retailers understand how users interact with their app through session replays and heatmaps. It automatically captures interactions such as taps, scrolls, and navigation flows, without the need for manual event tagging.\n\nTo integrate Microsoft Clarity into your application, follow these steps:\n\n1. Include the Clarity PoqSDK in your `build.gradle`:\n`embed:snippets/Clarity.java`\n2. Provide your Clarity project ID through the [ClaritySettings](#poq-settings) object.\n\n## Poq Settings\n\nThe Clarity PoqSDK is configurable via `ClaritySettings`.\nThrough [ClaritySettings](https://github.com/poqcommerce/Poq.Android.Platform/blob/master/analytics/clarity/src/main/java/com/poqstudio/app/analytics/clarity/config/ClaritySettings.kt) you can configure:\n\n* `projectId`: Clarity project ID.\n\nThe Clarity project ID can be found on the **Settings** page of your Clarity dashboard.\n\n## Tracking consent\n\nClarity only starts recording once the user has granted tracking consent. The SDK observes the shared user tracking-consent decision and:\n\n* initialises Clarity the first time consent is granted,\n* pauses recording if consent is later revoked, and resumes it if it is granted again.\n\nIf consent is declined, Clarity is never initialised. Consent is captured through the Privacy Settings screen, which is shown automatically on first launch and can also be opened with the `://privacy-settings` deep link.\n","timeToRead":1}},"pageContext":{"id":"4091845d-1161-5f30-82ab-3563f9b44cc8","breadcrumb":{"location":"/developers/android/integrations/clarity","crumbs":[{"pathname":"/","crumbLabel":"Home"},{"pathname":"/developers","crumbLabel":"developers"},{"pathname":"/developers/android","crumbLabel":"android"},{"pathname":"/developers/android/integrations","crumbLabel":"integrations"},{"pathname":"/developers/android/integrations/clarity","crumbLabel":"clarity"}]}}},
    "staticQueryHashes": ["2937047697","3649515864","63159454"]}