其他分享
首页 > 其他分享> > 美团饿了么外卖优惠券返利cps项目怎么做

美团饿了么外卖优惠券返利cps项目怎么做

作者:互联网

这个小程序就是一个推广饿了么/美团外卖CPS红包,别人领红包点外卖,你拿佣金。当然也可以做京东/拼多多/唯品会/苏宁,甚至滴滴打车/花小猪打车等等一些拉新活动。

现在是外卖红利期,美团和饿了么长期价格战,用户拉新等一系列拉取用户,所以外卖很值得做,有时候顾客一单可以抽佣百分之七十以上,一天十来二十单,就可以维护日常开销了(哈哈,日常低保)

基本上三种做法

自己做小程序,分享小程序给用户,用户点击进入外卖程序(以下是博主自己的小程序)。

小程序源码地址:

https://gitee.com/caonima008/coupon/

上线案例

在这里插入图片描述

饿了么小程序Path:
“wxappid”: “wxece3a9a4c82f58c9”,
“path”: “pages/sharePid/web/index?scene=https://s.click.ele.me/你的名字”,

美团小程序Path:

“wxappid”: “wxde8ac0a21135c07d”,
“path”: “/index/pages/h5/h5?weburl=返利连接”,

自己通过外卖(美团,饿了么)分享,以饿了么为例,通过以下方式,直接发送给点外卖的朋友

在这里插入图片描述

公众号关联饿了么外卖小程序,然后推广海报,让用户关注公众号,通过公众号的tab点击进入外卖程序(博主是关联的自己的小程序,有兴趣的可以关注关注哈)。

在这里插入图片描述

<template>
  <!--动态样式-->
  <view class="container" wx:style="{{dynamicStyle}}">
    <!--数据绑定-->
    <view class="title">{{title}}</view>
    <!--计算属性数据绑定-->
    <view class="title">{{reversedTitle}}</view>
    <view class="list">
      <!--循环渲染,动态类名,事件处理内联传参-->
      <view wx:for="{{list}}" wx:key="id" class="list-item" wx:class="{{ {active:item.active} }}"
            bindtap="handleTap(index)">
        <view>{{item.content}}</view>
        <!--循环内部双向数据绑定-->
        <input type="text" wx:model="{{list[index].content}}"/>
      </view>
    </view>
    <!--自定义组件获取实例,双向绑定,自定义双向绑定属性及事件-->
    <custom-input wx:ref="ci" wx:model="{{customInfo}}" wx:model-prop="info" wx:model-event="change"/>
    <!--动态组件,is传入组件名字符串,可使用的组件需要在json中注册,全局注册也生效-->
    <component is="{{current}}"></component>
    <!--显示/隐藏dom-->
    <view class="bottom" wx:show="{{showBottom}}">
      <!--模板条件编译,__mpx_mode__为框架注入的环境变量,条件判断为false的模板不会生成到dist-->
      <view wx:if="{{__mpx_mode__ === 'wx'}}">wx env</view>
      <view wx:if="{{__mpx_mode__ === 'ali'}}">ali env</view>
    </view>
  </view>
</template>
 
<script>
  import { createPage } from '@mpxjs/core'
  createPage({
    data: {
      // 动态样式和类名也可以使用computed返回
      dynamicStyle: {
        fontSize: '16px',
        color: 'red'
      },
      title: 'hello world',
      list: [
        {
          content: '全军出击',
          id: 0,
          active: false
        },
        {
          content: '猥琐发育,别浪',
          id: 1,
          active: false
        }
      ],
      customInfo: {
        title: 'test',
        content: 'test content'
      },
      current: 'com-a',
      showBottom: false
    },
    computed: {
      reversedTitle () {
        return this.title.split('').reverse().join('')
      }
    },
    watch: {
      title: {
        handler (val, oldVal) {
          console.log(val, oldVal)
        },
        immediate: true
      }
    },
    handleTap (index) {
      // 处理函数直接通过参数获取当前点击的index,清晰简洁
      this.list[index].active = !this.list[index].active
    },
    onReady () {
      setTimeout(() => {
        // 更新数据,同时关联的计算属性reversedTitle也会更新
        this.title = '你好,世界'
        // 此时动态组件会从com-a切换为com-b
        this.current = 'com-b'
      }, 1000)
    }
  })
</script>
 
<script type="application/json">
  {
    "usingComponents": {
      "custom-input": "../components/custom-input",
      "com-a": "../components/com-a",
      "com-b": "../components/com-b"
    }
  }
</script>
 
<style lang="stylus">
  .container
    position absolute
    width 100%
</style>

标签:index,美团,list,content,外卖,返利,active,com
来源: https://blog.csdn.net/waimai_hongbao/article/details/114104963