贴片广告须用insertAdjacentHTML()在DOM就绪后精准插入，避免SEO降权与交互失效；需语义化标记、禁止fixed定位、禁用内联script，并手动处理动态节点。
贴片广告（即在网页内容开头或结尾插入的独立广告区块）必须明确区分“位置”和“时机”——插错位置会被SEO降权，插错时机会导致内容闪跳或事件丢失。
用 insertAdjacentHTML() 在内容前后精准插入
直接改 innerHTML 会清空原有子节点，导致表单值丢失、事件监听器失效；insertAdjacentHTML() 是唯一能安全插入且不破坏结构的方法。
-
'beforebegin'：插在目标元素自身前面（同级），适合在<main></main>前加顶部贴片 -
'afterend'：插在目标元素自身后面（同级），适合在后加底部贴片 - 别用
document.body.innerHTML += '...'—— 它会强制重渲染整个 body，所有 JS 状态归零 - 插入前务必确认目标元素已挂载：
if (document.querySelector('main')) { ... }
插入时机必须等 DOM 就绪，不能靠 setTimeout
脚本若放在 里，而目标容器在 底部，document.getElementById('main') 会返回 null，后续操作全部静默失败。
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 正确做法是监听
DOMContentLoaded，不是load（后者等图片、CSS 全部加载完） - 移动端尤其要注意：某些 WebView 里
DOMContentLoaded触发过早，可加一层requestIdleCallback延迟 1 帧再执行插入 - 避免在
scroll或resize回调里反复插入——贴片只应出现一次
贴片广告的 HTML 结构与 SEO 风险控制
搜索引擎把大块固定位置、无上下文的广告视为干扰性内容，尤其当它出现在首屏 <main></main> 前时，可能触发“页面体验不佳”评分项。
- 给贴片容器加
role="complementary"和aria-label="推广内容"，明确语义 - 避免用
position: fixed做贴片——那是悬浮窗逻辑，不是贴片；贴片应是文档流内自然占据空间的<section></section>或<div> <li>如果广告是图片，必须带 <code>alt属性，且不能为空；纯装饰图用alt=""，但需加aria-hidden="true" - 不要在贴片里塞
script标签加载第三方广告 SDK——应由主站统一管理加载队列，否则竞态严重
最易被忽略的是：贴片插入后，若原页面有基于 document.querySelectorAll('article') 的 JS 逻辑，它不会自动包含新插入的节点——你得手动把贴片节点加入计算范围，或改用事件委托监听动态内容。
