如何使用小程序自定義頁(yè)面助力分享活動(dòng)

  人人秀H5產(chǎn)品，可以直接通過(guò)連接訪問(wèn)，也可以支持在小程序中訪問(wèn)。因人人秀H5產(chǎn)品特性，采用嵌入式方式在小程序內(nèi)訪問(wèn)活動(dòng)，提供2種活動(dòng)分享方案，1.支持主動(dòng)監(jiān)聽(tīng)實(shí)現(xiàn)活動(dòng)分享信息來(lái)獲取活動(dòng)分享信息， 2.支持跳轉(zhuǎn)自定義頁(yè)面來(lái)獲取活動(dòng)分享信息。小程序自定義頁(yè)面分享活動(dòng)需要聯(lián)系客服開(kāi)通小程序分享功能，提供第三方小程序分享頁(yè)面并需要配合第三方開(kāi)發(fā)，以下介紹自定義頁(yè)面分享流程。

  使用流程示例 

  以拆禮盒活動(dòng)小程序分享活動(dòng)流程示例，在自己小程序打開(kāi)，因嵌入訪問(wèn)不能和原生小程序通信，實(shí)現(xiàn)帶參分享，所以需要第三個(gè)頁(yè)面?zhèn)鬟f分享參數(shù)，來(lái)實(shí)現(xiàn)分享助力功能。

開(kāi)通使用步驟

1. 聯(lián)系客戶(hù)客服，付費(fèi)開(kāi)通小程序分享功能；

2. 編輯小程序分享頁(yè)面，并在活動(dòng)中禁止活動(dòng)頁(yè)面系統(tǒng)分享功能，開(kāi)啟小程序分享，分享時(shí)需要點(diǎn)擊活動(dòng)中分享按鈕人人秀調(diào)用提供的小程序分享頁(yè)面，才能傳播帶參助力鏈接；

3. 提供自己小程序分享頁(yè)面地址給人人秀；

4. 測(cè)試功能接口，調(diào)整參數(shù)驗(yàn)證活動(dòng)功能是否正常。

使用注意事項(xiàng)

• 該功能只是提供了小程序分享活動(dòng)的解決方案，需要開(kāi)發(fā)者對(duì)接開(kāi)發(fā)支持頁(yè)面。

• 開(kāi)通該功能需要先提供自己小程序的分享頁(yè)面地址。使用完整路徑，從根目錄/開(kāi)始。例如：/pages/h5/view/index
  

• 該功能與其他高級(jí)功能，比如第三方授權(quán)，第三方發(fā)獎(jiǎng)等接口復(fù)合功能組合使用時(shí)，可能在部分插件使用上存在兼容差別或不支持完整功能情況，屬于二次開(kāi)發(fā)功能，如發(fā)布活動(dòng)需提前驗(yàn)證測(cè)試。
  

對(duì)接功能說(shuō)明

• 參數(shù)示例

  參數(shù)名稱(chēng)	參數(shù)類(lèi)型	說(shuō)明
  title	string	活動(dòng)標(biāo)題
  shareImage	string	分享頭像
  h5Url	string	h5 活動(dòng)網(wǎng)址

• 接受參數(shù)，頁(yè)面邏輯示例

  人人秀在調(diào)用提供的小程序分享頁(yè)面時(shí)傳參，小程序onLoad 方法可獲取參數(shù)，例如

  onLoad: function (options) {

  let title = decodeURIComponent(options.title);

  let shareImage = decodeURIComponent(options.shareImage);

  let h5Url = decodeURIComponent(options.h5Url);

  this.setData({

  title:title,

  shareImage:shareImage

                  h5Url: h5Url

  });

  }

  // 設(shè)置小程序分享鏈接 onShareAppMessage

• 小程序頁(yè)面活動(dòng)顯示綁定示例

  活動(dòng)地址來(lái)源：使用人人秀H5提供的活動(dòng)地址；如果是支持活動(dòng)助力分享訪問(wèn)，地址通過(guò)分享的帶參參數(shù)中獲取（即讀取分享參數(shù)地址，取不到則使用默認(rèn)地址），然后動(dòng)態(tài)綁定在顯示頁(yè)面中。這樣才能使用活動(dòng)助力功能。

• 1.頁(yè)面綁定示例代碼

  
  

  2.頁(yè)面邏輯示例代碼

  在小程序onLoad 方法獲取頁(yè)面帶參參數(shù)，例如

  onLoad: function (options) {

  let h5Url = decodeURIComponent(options.h5Url);

     this.setData({

                    h5Url: h5Url

    });

    }

• 小程序分享頁(yè)面參考示例

  
  

相關(guān)文檔

• 生成自己小程序

• 人人秀H5開(kāi)放平臺(tái)

• 主動(dòng)監(jiān)聽(tīng)實(shí)現(xiàn)小程序助力分享