--- title: "Site Locations - Tassos Code Snippets" description: "Site locations are frontend insertion points available for HTML, CSS, JavaScript, and External File snippets. They target three structural areas prese" url: "https://www.tassos.gr/docs/tassos-code-snippets/locations/site" date: "2026-04-05T16:08:59+00:00" language: "en-GB" --- [ Home ](https://www.tassos.gr/index.php?option=com_content&view=category&layout=blog&id=24&Itemid=1088) / [ Tassos Code Snippets ](https://www.tassos.gr/index.php?option=com_content&view=category&id=120) / [ Snippet Locations ](https://www.tassos.gr/index.php?option=com_content&view=category&id=123) # Site Locations Site locations are frontend insertion points available for HTML, CSS, JavaScript, and External File snippets. They target three structural areas present on every frontend page: the document head, the opening of the body, and the closing of the body, giving you control over when and where your code is loaded relative to page content. ## [Available Locations](#available-locations) ### [Site Header](#site-header) The Header location inserts code inside the `` section of every frontend page, before any content is rendered. This makes it the right place for anything the browser needs to know about the page upfront — CSS stylesheets, external font references, meta tags (OpenGraph, Twitter Cards, structured data), and critical inline styles. Because the browser processes the `` before painting anything on screen, loading CSS here prevents the flash of unstyled content that occurs when styles arrive late. Keep this location lean: only include what is genuinely needed before first render, as heavier resources here delay the time to first paint. ### [Site Body](#site-body) The Body location inserts code immediately after the opening `` tag, making it one of the earliest positions in the rendered page. It is primarily used for analytics and tag management code — Google Tag Manager's `