Skip to main content
Drupal is a registered trademark of Dries Buytaert
Release: OpenID Connect / OAuth client 3.0.0-alpha9 New alpha version released for module openid_connect (3.0.0-alpha9). Release: Opensolr Search 4.5.0 Minor update available for module opensolr_search (4.5.0). Release: Timelinr 1.0.1 Minor update available for module timelinr (1.0.1). Usage Milestone: Simplify Module simplify crossed 10,000 active installs. Usage Milestone: Views Reference Filter Module entityreference_filter crossed 10,000 active installs. Usage Milestone: Dropdown Language Module dropdown_language crossed 10,000 active installs. Usage Milestone: Paragraphs Browser Module paragraphs_browser crossed 10,000 active installs. Usage Milestone: OpenAPI Module openapi crossed 10,000 active installs. Usage Milestone: Decoupled Router Module decoupled_router crossed 10,000 active installs. Module Revived: Entityqueue Buttons 1.1.2 Module entityqueue_buttons updated after 8 months of inactivity (1.1.2).

Header and Footer Scripts

3,279 sites Security covered Drupal 8–11
View on drupal.org

This module provides an administrative interface to easily add custom CSS, JavaScript, and HTML code to the head and footer of your Drupal site without modifying any core files. It's ideal for integrating analytics, meta tags, or social media scripts.

This module allows you to add style and scripts in your site or , You don't need to open any file for this purpose.

Quick usage
Navigate to admin/config/development/header-and-footer-scripts/header
Add stylee.g:

  1. <link type="text/css" rel="stylesheet" href="http://www.example.com/style.css" media="all" />
  2. <link type="text/css" rel="stylesheet" href="https://www.drupal.org/style.css" media="all" />
  3. <style>#header { color: grey; }</style>

Add scripte.g:

On mostly sites, this section is used to add the Google Tag Manager. You can also add multiple scripts here with multiple ways, For example:

  1. <!-- Google Tag Manager --><noscript>Write Your code here</script><!-- End Google Tag Manager -->
  2. <script type="text/javascript" src="http://www.example.com/script.js"></script>
  3. <script type="text/javascript" src="/script.js"></script>
  4. <script type="text/javascript">console.log("HFS Body");</script>

Press 'save configuration'.

You will be able to insert Google Analytics or other Web-analytics code, meta-informations, CSS and JS codes to <head>. You will be able to insert html and/or JavaScript codes to footer of your site. Good place for Clicky Web Analytics, Twitter, Facebook or any other social media script.

NOTE: HTML comments are not allowed/supported.

Depends on

Dependencies of the latest stable release

No dependencies recorded for this project.

Required by

Tracked projects that depend on this one

No tracked projects depend on this one yet.

Activity

Tracked releases
2
Tracked since
Dec 2025
Latest release
8 months ago
Releases (12 mo)
2 ▲ from 0
Maintenance
Slowing

Releases

Version Type Core Release date
3.0.1 Stable 8–11 Dec 24, 2025
3.0.x-dev Dev 8–11 Dec 24, 2025