谷歌ga埋点和facebook的像素埋点

facebook文档地址https://developers.facebook.com/docs/meta-pixel/implementation/conversion-tracking

一.在项目的index.html里面head结束标签之前写入代码(id都是自己创建的广告项目的id )

 (1)谷歌的   (我是把他们的方法挂载到全局window上使用 )

	
		
		

(2)fb的

	!function(f,b,e,v,n,t,s)
	{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
	n.callMethod.apply(n,arguments):n.queue.push(arguments)};
	if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
	n.queue=[];t=b.createElement(e);t.async=!0;
	t.src=v;s=b.getElementsByTagName(e)[0];
	s.parentNode.insertBefore(t,s)}(window, document,'script',
	'https://connect.facebook.net/en_US/fbevents.js');
	window.fbq('init', '???');
	window.fbq('track', 'PageView');



//这段代码放在head里面报错   可以放在body里面

二.在页面加载  或者 点击事件触发的时候  加上跟踪页面或者事件的代码

(1) gg的

//跟踪页面的写法		
(window as any).gtag('event', 'page_view', {
			page_path: 'p_' + document.title,
			page_title: 'p_' + document.title,
		});

//跟踪事件的写法  e_welcomeRequest 属于自定义事件名
	(window as any).gtag('event', 'e_welcomeRequest', {
			event_category: 'click',
			event_label: 'e_welcomeRequest',
		});

(2)fb的

//跟踪页面
		(window as any).fbq('track', 'PageView', {
			content_name: 'p_' + document.title,
		});

//跟踪事件  Schedule是fb提供的标准事件名  自定义事件名需要其他配置
		(window as any).fbq('track', 'Schedule');

三.gg或者fb广告点击进入项目 地址栏都会携带参数   然后就是获取地址栏的参数  拼接成下载apk链接

	//获取地址栏参数的方法
function getParam (key: any) {
		let search: any = window.location.search
		let value = undefined
		if (!search || search.indexOf('?') < 0) {
			return value
		}

		search = search.split('?')
		search.map((item: any) => {
			if (item.split('&') && item.split('&').length > 0) {
				item.split('&').map((param: any) => {
					let paramKey = param.split('=')
					if (paramKey[0] == key) {
						value = paramKey[1]
					}
				})
			}
		})
		return value
	}

//调用方法  获取参数 拼接地址   redirect后面的地址是公司生成的apk包下载地址  tracker_token可以写死 可以获取
let gclid = getParam('gclid')
let tracker_token = getParam('tracker_token')
//谷歌的
let url = `https://app.adjust.net.in/${tracker_token}?gclid=${gclid}&redirect=https???GogoCash.apk`
//fb的
let url = `https://app.adjust.net.in/${tracker_token}?campaign=${campaign}(${campaigi})&adgroup=${adgroup}(${adseti})&creative=${creative}(${adid})&fbclid=${fbclid}&fbpid=${fbpid}&redirect=https???GogoCash.apk`
	

你可能感兴趣的:(前端)