Document ads/info blocks/custom head configuration

# Document Ads/Info Blocks/Custom Head Configuration

MrDoc supports inserting custom **text, HTML, CSS, and JavaScript** content into pages such as the homepage, projects, and document browsing pages. If you have specific requirements for the site style, you can handle them here.

## Configuration Path

Configuration path: Admin Panel --> Site Settings --> Basic Settings --> Ad Slots and Statistics Code, as shown in the figure below:

![](/media/202206/2022-06-05_143057_060729.png)

### Custom Head

You can customize the Head code for the homepage, project pages, and document pages.

For example, this site uses Custom Head to set the document font on document pages to "LXGW WenKai":
```html
<script type="text/javascript" charset="UTF-8" src="https://cdn.wwads.cn/js/makemoney.js" async></script>
    <link rel="stylesheet" href="https://npm.elemecdn.com/lxgw-wenkai-screen-webfont/style.css" media="print" onload="this.media='all'">
    <style>
        .markdown-body,.project-toc-left a{
              font-family: "LXGW Wenkai Screen","Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
        }
    </style>
```

### Statistics Code

If your site needs to integrate external statistics code, such as Baidu Analytics, 51la, Google Analytics, etc., you can add the statistics code to the "Statistics Code" input box.

### Info Ad Blocks

MrDoc has 4 built-in info blocks on project pages and document pages, which are:

- The area between the title and the body content;
- The area between the body content and the document information;
- The area between the project name on the left and the project outline on the left;
- The area below the project outline on the left;