在线客服系统

【跨境电商】网站顶部广告设置

2026-07-25
来源:雨科独立站

一、功能介绍

网站顶部广告是展示在网站导航上方的独立广告区域,适合用于限时促销、新品发布、品牌宣传、展会通知、物流公告等。广告区域不会占用当前页面正文模块,可单独进行样式和展示规则设置。

适用场景:

· 促销类:突出优惠额度、有效期和行动按钮。

· 通知类:用一句话说明变化,并链接到详情页。

· 品牌类:控制高度,避免长期占用过多首屏空间。

· 定向人群投放:优先按页面或会员人群精准展示,减少无关信息干扰。



二、功能门槛

适用端口:自适应网站

网站版本:国际版、国际旗舰版



三、使用前须知

STEP 1  开启顶部广告

雨科网建站后台,设计页面里,在基础设置中,可以开启顶部广告组件:

顶部广告



STEP 2  设置展示规则

点击顶部广告右侧的“设置”,根据运营计划完成以下配置:

· 推送人群:可面向所有客户,或按会员等级、会员分组定向展示。

· 触发页面:可选择全部页面,或自定义指定页面展示。

· 关闭按钮:可选择显示或隐藏。若允许访客关闭,建议保留关闭按钮。

· 触发频率:可设置重复触发,或仅触发一次。设置一次触发时,可按 Cookie 判断访客是否已看过。

完成后点击“保存”。关闭功能开关后,顶部广告将不再展示,已配置内容可按产品实际保存逻辑再次启用。


STEP 3  添加顶部广告素材

进入自适应网站编辑器,在页面顶部的广告区域点击“添加素材”,选择顶部广告场景素材;也可以添加模块,自行组合图片、文字和按钮


拖入后可继续替换文字、图片、按钮及链接。


STEP 4  调整广告样式

选中顶部广告区域,在样式面板中按品牌视觉进行调整。

也可以调整广告和导航的位置,根据您的视觉方案选择即可。


STEP 5  检查电脑与移动视图

切换到移动视图,重新选择适合手机屏幕的素材与排版。重点检查文字是否换行、按钮是否易点击、图片主体是否被裁切,以及广告高度是否影响首屏内容。



四、保存并发布

完成设置后,分别预览电脑视图和移动视图。确认推送人群、触发页面、按钮链接和关闭逻辑无误后,保存并发布网站。



五、常见问题

1. 为什么发布后看不到顶部广告?

请依次检查:功能开关是否开启、当前访客是否属于推送人群、当前页面是否在触发范围内、是否设置为仅触发一次且浏览器已记录 Cookie,以及网站是否已重新发布。

2. 电脑端设置好了,为什么手机端没有显示?

移动视图需要单独设置顶部广告。请切换到移动视图,完成素材、样式和展示效果设置后再发布。

3. 顶部广告会不会遮挡导航?

顶部广告固定在导航上方或下方。若使用特殊导航、滚屏栏目或嵌套通栏,建议通过预览逐页检查。