# Web2App落地页支持

说明

使用该功能前，请确保您的落地页或者APP遵守当地的数据保护条例及用户隐私保护政策。

渠道	链接模版	安装归因	广告消耗*	渠道回传	特征ID
Facebook Web	✔️	✔️	✔️	✔️	fbclid / fbpid
Google Web *	✔️	✔️	✔️	️*	gclid / gbraid / wbraid

web2app广告消耗功能需要启用对应模块；
Google Web支持正在开发中...
Google Web的渠道回传，需要MCC开通广告API权限；

# Facebook投放落地页

# 关键步骤

APP内创建跟踪链接；
APP内完善Pixel配置及事件关联；
部署产品落地页（加入Pixel代码和BePower JS）;
下载按钮点击时调用BePowerJs的download方法。

# 落地页逻辑DEMO

其中pixelId和trackerUrl需要替换为实际参数。

<!doctype html>
<html lang="en">
    <head>
        <title>APP Download Page</title>
    </head>
    <body>
    
        <button id="download-btn">下载按钮</button>

        <script>
            /********
             * 如果Pixel需要通过URL参数动态获取，请自行处理相关逻辑。
             **/
            
            // 增加Pixel代码  Start
            window.fbAsyncInit = function() {
                FB.init({
                    appId      : 'xxxxxxxxxx', // 此处替换pixelId
                    xfbml      : true,
                    version    : 'v19.0'
                });
                FB.AppEvents.logPageView();
            };

            (function(d, s, id){
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) {return;}
                js = d.createElement(s); js.id = id;
                js.src = "https://connect.facebook.net/en_US/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
            // 增加Pixel代码  End 
        </script>        
        <script>
            // 增加BePower代码  Start
            (function(d, s, id){
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) {return;}
                js = d.createElement(s);js.id = id;js.async=true;
                js.src = "https://static.bepower.ing/lib/bepower-w2a.js?random=" + Date.now();
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'bePower-js'));
            // 增加BePower代码  End
        </script>
        <script>
            window.onload = (event) =>{
                // Other Code

                /********
                 * 下载按钮点击
                 **/
                document.getElementById("download-btn").addEventListener('click', () => {
                    // APP内创建的跟踪链接URL(需要替换)
                    const trackerUrl = 'https://just.bepower.ing/xxxxxxxxx'
                    const bePower = new BePowerJs()
                    bePower.download(trackerUrl)
                })
            }
        </script>
    </body>

</html>

# 拼接投放链接（落地页URL + 参数）

Facebook广告发布的的推广链接，应是确保透传参数字段完整的落地页链接。URL请替换正式的页面地址。

示例： https://www.xxxxxxx.com/index.html?p1={{campaign.name}}&p2={{campaign.id}} &p3={{adset.name}}&p4={{adset.id}}&p5={{ad.name}}&p6={{ad.id}}