微信小程序封面广告点击哪些区域会跳转落地页

1、底部视频广告

以6~15秒视频，展示于公众号文章底部，原广点通的广告位置。用户点击视频区域、广告主头像或名称、“查看详情”按钮均可跳转至推广页。

之前我们文末广告只有广点通（式）广告支持跳转小程序，现在不仅，视频广告也支持跳转小程序了。广告主可选择推广我的公众号、我的应用和品牌活动，还有新增的推广小程序。

2、互选广告

什么是互选广告？按照官方定义，是广告主和流量主通过微信广告平台双向互选、自由达成广告合作的一种投放模式，广告创意呈现在公众号文章内。

可理解为，广告主（小程序企业）根据需求，选择与自己品牌搭配的流量主（公众号）进行投广告。但是，流量主也有选择权，可以基于广告内容主题与自身粉丝体验，选择是否接受广告投放。

这两种小程序广告类型上线，意味着两件事：

朋友圈、小程序、公众号体系里都已支持投放视频类的小程序广告；至此，微信生态内所有广告落地页，都支持选择小程序。

由于视频贴片类广告可承载更多广告创意，给品牌带来更多展示空间，并且视频在4G/WIFI网络条件下自动静音播放，有效提升了用户体验。对于小程序来说意味着更多曝光机会，更高效的转化链路，更多创意展示。

而互选广告，给了流量主和广告主更多选择空间，可精准投放，链接小程序后，可以在品牌曝光之余，更快达到转化目的。

效果展示

通过使用触发器中的跳转界面实现一个引导页的页面跳转。

点击左侧导航栏的图层。

点击加号创建如下界面。

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中按钮组件。

点击检查面板中的触发器。

创建触发器。

选中按钮组件。

点击检查面板中的触发器。

创建触发器。

这样就可以实现一个引导页的页面跳转了。

首先需要在当前小程序appjson中定义：需要跳转的小程序的app-id

第一种方法：wxnavigateToMiniProgram（打开另一个小程序）

官方文档： >

wxml内容：

<view bindtap="a" data-f="{{flag}}">123</view>

<!-- wx:for="{{数组}}" 循环需要绑定key wx:key="index"-->

<!-- 自带定义 item 表示数组的每一项 index 表示数组的索引 -->

<!-- 使用wx:for-item修改每一项值的key -->

<!-- 使用wx:for-index修改每一项值的index -->

<view wx:for="{{list}}" class="t" wx:key="i" 

    wx:for-item="r" wx:for-index="i"

    style="color:{{rstyFlag'red':''}};"

    data-i="{{i}}"

    bindtap="choose"

>

    {{rname}}--{{i}}

</view>

js内容：

data: {

        flag:1,

        list:['冰墩墩','雪融融','小泡菜'],

        list:[{

            name:'冰墩墩',

            styFlag:true

        },{

            name:'雪融融',

            styFlag:false

        },{

            name:'小泡菜',

            styFlag:false

        }]

    },

    choose:function(e){

        let { currentTarget:{ dataset:{i} } } = e;

        / 第一步获取点击的当前的内容的索引 /

        consolelog(i)

        / 排他 把所有的先置空 /

        thisdatalistforEach(r=>{

            rstyFlag = false

        })

        thisdatalist[i]styFlag = true;

        / 数据变了 视图没变 必须要使用setData实现数据和视图的双向数据绑定 /

        thissetData({

            list:thisdatalist

        })

    },

    a:function(e){

        consolelog(e)

    },

效果：

wxml内容:

<button bindtap="go1" style="margin: 3px;">张三</button>

<button bindtap="go2" style="margin: 3px;">李四</button>

<button bindtap="go3" style="margin: 3px;">24号</button>

<button bindtap="go4" style="margin: 3px;">不带参数</button>

<button bindtap="goBack">返回上一级</button>

<!-- wx:if 和 wx:elif 以及wx:else之间不可以被其他的标签打断 -->

<block>

    <view wx:if="{{msg=='zhangsan'}}" class="t">欢迎回来主人</view>

    <view wx:elif="{{msg=='lisi'}}" class="t">家里水龙头没有坏不要过来</view>

    <view wx:elif="{{msg=='24'}}" class="t">您好欢迎为您服务</view>

    <view wx:else class="t">显示家里没人</view>

</block>

js内容：

Page({

    /

      页面的初始数据

     /

    data: {

        msg:""

    },

    goBack:function(){

        wxnavigateBack()

    },

    /

      生命周期函数--监听页面加载

     /

    onLoad: function (options) {

        consolelog(optionsname)

        / 多次使用setData会影响性能 尽量把多次setData 使用一次setData来实现

        尽量少的使用setData来提高小程序的性能 /

        thissetData({

            msg:optionsname

        })

        / 如果名字叫张三 页面显示欢迎回来主人 /

        / 如果名字叫李四 页面显示家里水龙头没有坏不要过来 /

        / 如果名字叫24号 页面显示您好欢迎为您服务 /

        / 都不是 显示家里没人 /

    },

    /

      生命周期函数--监听页面初次渲染完成

     /

    onReady: function () {

    },

    /

      生命周期函数--监听页面显示

     /

    onShow: function () {

    },

    /

      生命周期函数--监听页面隐藏

     /

    onHide: function () {

    },

    /

      生命周期函数--监听页面卸载

     /

    onUnload: function () {

    },

    /

      页面相关事件处理函数--监听用户下拉动作

     /

    onPullDownRefresh: function () {

    },

    /

      页面上拉触底事件的处理函数

     /

    onReachBottom: function () {

    },

    /

      用户点击右上角分享

     /

    onShareAppMessage: function () {

    }

})

{

  "pages": [

    "pages/index/index",

    "pages/forpage/forpage",

    "pages/mypage/mypage",

    "pages/logs/logs",

    "pages/fenglei/fenglei"

  ],

  "window": {

    "backgroundTextStyle": "dark",

    "navigationBarBackgroundColor": "#FF0000",

    "navigationBarTitleText": "kw47page",

    "navigationBarTextStyle": "white"

  },

  "tabBar": {

    "color": "#fff",

    "selectedColor": "#FFCA28",

    "backgroundColor": "#000",

    "list": [{

      "pagePath": "pages/index/index",

      "text": "首页",

      "iconPath": "",

      "selectedIconPath": ""

    }, {

      "pagePath": "pages/logs/logs",

      "text": "日志",

      "iconPath": "",

      "selectedIconPath": ""

    }]

  },

  "style": "v2",

  "sitemapLocation": "sitemapjson"

}

效果图：

以上就是关于微信小程序封面广告点击哪些区域会跳转落地页全部的内容，包括:微信小程序封面广告点击哪些区域会跳转落地页、请问如何在小程序里实现引导页面跳转设置啊、微信小程序 跳转到 另一个 微信小程序等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！