我的小程序【三秋宅趣】开通了流量主，开始实测Discuz! Q小程序广告开通流程。

第一步、后台开通流量主

当独立访问用户＞1000，直接申请就能立即开通。

小程序广告主要分：banner广告、激励式广告、插屏广告、视频广告、视频贴片广告、格子广告、封面广告、原生模板广告。

二、封面广告

直接将广告状态设置为开启就可以使用了，无需更改代码。

场景设置主要是优化广告弹出的场景，减少对用户的打扰，可以根据自己的需求去优化。

三、常见的广告注入点

除了封面广告，我们还会用到：banner广告和视频广告。

常见的注入点有三个：首页分类栏、帖子信息流插入、帖子详情页

3.1首页

修改文件路径：\mini\src\layout\index index.jsx（该文件位于discuz-fe，编译之前的文件夹里）

找到代码

<IndexTabs onClickTab={this.onClickTab} searchClick={this.searchClick} ref={this.tabsRef} />

上方加入广告代码即可

3.2帖子信息流

修改文件路径：mini\src\components\virtual-list list.jsx （该文件位于discuz-fe，编译之前的文件夹里）

将代码

<View id={`virtual-list-${index}`}>
  {
    item?.map((subItem, subIndex) => (
      <Thread data={subItem} setData={this.props.setData} setVisible={this.props.setVisible} key={`${subItem.threadId}-${subItem.updatedAt}`} relativeToViewport={displays[index]} dispatch={dispatch}/>
    ))
  }
</View>

修改成

<View id={`virtual-list-${index}`}>
  {
    item?.map((subItem, subIndex) => (
      <>
        <Thread enableCommentList={true} data={subItem} setData={this.props.setData} setVisible={this.props.setVisible} key={`${subItem.threadId}-${subItem.updatedAt}-${subItem._time || ''}`} relativeToViewport={displays[index]} dispatch={dispatch}/>
	{subIndex % 9 == 0 && subIndex > 0 && <ad style={{marginBottom:"10px"}} unit-id="adunit-bdd36dc77ad2a15" ad-type="video" ad-theme="white"></ad>}
      </>
    ))
  }
</View>

提示：subIndex % 9 === 0，表示 每9个帖子出现1次广告。

提示：unit-id=”adunit-bdd36dc77ad2a15″，adunit-bdd36dc77ad2a150是后台的广告代码，自行修改成自己的。

3.3帖子详情页

广告位于评论区上方。

修改文件的路径：\mini\src\layout\thread index.jsx（该文件位于discuz-fe，编译之前的文件夹里）

找到

{/* 评论列表 */}

上方加入

<View style={{marginTop:"10px"}}>
    （此处粘贴广告代码）
</View>

四、广告演示小程序

搜索三秋宅趣