我希望Facebook共享弹出窗口应该来自Google跟踪代码管理器。 我所做的已经:Google Tag Manager facebook share
Google代码管理工具:
1.I创建一个名为 'Facebook的SDK' 含有这种自定义的HTML标签:
<script type="text/javascript" language="JavaScript">
window.fbAsyncInit = function() {
FB.init({
appId : '<app-id>',
xfbml : true,
version : 'v2.3'
});
};
(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 = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
2.I在浏览量中为此标记触发。
4,我创建了几个数据层变量这些我将在以后需要:
**Name** **Data Layer Variable Name**
Thread Link threadLink
Thread Title threadTitle
Company Icon companyIcon
Facebook Share Caption facebookShareCaption
3.我创建了另一个名为 'Facebook共享' 自定义HTML代码:
<script>
FB.ui({
method: 'feed',
link: {{Thread Link}},
picture: {{Company Icon}},
name: {{Thread Title}},
caption: {{Facebook Share Caption}}
});
</script>
4.In提前设置这个标签,在标签排序选项中,我选择了这个:
Fire a tag before Facebook Share fires
Setup Tag: Facebook SDK
and I chose 'Don't fire Facebook Share if Facebook SDK fails'.
5.我创建了一个自定义触发器na如'Facebook分享按钮'有一个事件名称为'fb_share_button_clicked'。 6.我为此标签设置了“Facebook Share Button”触发器。
以源代码
1.To建立数据层,我添加下面的代码段,以页的GTM容器片段上方的头:
<script>
dataLayer = [{
'threadLink': 'LINKTO/ABCDEF',
'threadTitle': 'high-ABCDEFA BCDEF ABCDEFABCD EFABCDEFABCDEFABCDEF',
'companyIcon': 'PATHTO/icon',
'facebookShareCaption': 'Lorem ipsum dolor sit amet, consectetur adipiscing'
}];
2.当用户点击网站上的Facebook图标时,我推送自定义事件“fb_share_button_clicked”变量
dataLayer.push({
'event': 'fb_share_button_clicked'
];
个
我的问题是:
- 我得到 '未定义' 当我在JavaScript控制台运行FB。
- 当我点击Facebook的图标,没有Facebook共享弹出窗口,
- 自定义标签的Facebook SDK“是在浏览量,但自定义标签“Facebook共享”解雇不,当我点击Facebook的图标(在预览模式下锯)。
- 我看到自定义HTML标签“Facebook共享”下“的标签没有被解雇本页内容:”在预览和调试模式,但事件'触发
我看到在非有线值发射自定义HTML标签“分享至Facebook '这样的:
名称:google_tag_manager' 宏(\ [ 'XXXXX]' 111111111111' )
,我将非常感激,如果有人能指导我。