Discuz! Q小程序广告开通实测攻略(版本220113)

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

第一步、后台开通流量主

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

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

图片[1]-Discuz! Q小程序广告开通实测攻略(版本220113)-微看VCAN

二、封面广告

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

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

三、常见的广告注入点

除了封面广告,我们还会用到: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>

四、广告演示小程序

搜索三秋宅趣

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发

请登录后发表评论