2016-12-15 1 views
1

Google 태그 관리자에서 Facebook 공유 팝업을 제공해야합니다. 이미 완료 한 것 :Google 태그 관리자 Facebook 북 공유

<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 :

1.I이를 포함하는 '페이스 북 SDK'라는 사용자 지정 HTML 태그를 생성 : Google 태그 관리자에서

페이지 뷰에서이 태그에 대해 트리거가 발생했습니다.

 <script> 

      FB.ui({ 
      method: 'feed', 
      link: {{Thread Link}}, 
      picture: {{Company Icon}}, 
      name: {{Thread Title}}, 
      caption: {{Facebook Share Caption}} 
      }); 

     </script> 

4.In :

**Name**      **Data Layer Variable Name**      
Thread Link     threadLink 
Thread Title     threadTitle 
Company Icon     companyIcon 
Facebook Share Caption   facebookShareCaption 

3.I는 '페이스 북 공유'라는 또 다른 사용자 정의 HTML 태그를 생성 :

4.I는 그 나중에 필요하게됩니다 몇 가지 데이터 계층 변수를 생성

Fire a tag before Facebook Share fires 
Setup Tag: Facebook SDK 
and I chose 'Don't fire Facebook Share if Facebook SDK fails'. 

5.I 사용자 정의를 생성

가 노나 트리거 : 태그 시퀀싱 옵션에서,이 태그의 설정을 진행,이 선택 med는 'fb_share_button_clicked'라는 이벤트 이름을 가진 'Facebook Share Button'으로 표시됩니다. 6.이 태그에 'Facebook Share Button'트리거를 설정합니다.

<script> 
dataLayer = [{ 
'threadLink': 'LINKTO/ABCDEF', 
'threadTitle': 'high-ABCDEFA BCDEF ABCDEFABCD EFABCDEFABCDEFABCDEF', 
'companyIcon': 'PATHTO/icon', 
'facebookShareCaption': 'Lorem ipsum dolor sit amet, consectetur adipiscing' 
}]; 

: 소스 CODE IN

는 1.To는 데이터 영역을 설정

, 난 GTM 컨테이너 니펫 상기 페이지의 선두에 다음 코드 조각을 첨가 2. 사용자가 사이트의 페이스 북 아이콘을 클릭하면 맞춤 이벤트 'fb_share_button_clicked'를 푸시합니다.

dataLayer.push({ 
    'event': 'fb_share_button_clicked' 
]; 

내 문제가 있습니다 : 나는 자바 스크립트 콘솔에서 FB를 실행할 때

  1. 나는 '정의되지 않은'얻을.
  2. Facebook 아이콘을 클릭하면 아무도 Facebook 공유 팝업이 나타나지 않습니다.
  3. 맞춤 태그 'Facebook SDK'가 페이지 뷰에서 실행되지만 Facebook 아이콘 (미리보기 모드에서 보았 음)을 클릭하면 맞춤 태그 'facebook share'가 실행되지 않습니다. 페이스 북 공유 '
  4. 나는 사용자 정의 HTML 태그 해고 비에 유선 값을 볼

  5. 을 해고'미리보기 및 디버그 모드하지만 이벤트 '에서 :
  6. 나는 아래의 사용자 정의 HTML 태그'페이스 북 공유하기 ''태그이 페이지에서 해고되지 않음 '참조 '와 같은 :

    이름 : google_tag_manager'. 매크로 (\ [ 'xxxxx는]'111111111111 ') 누군가가 나를 인도 할 수 있다면 나는 감사 높은 것

.코드의

답변

0

마지막 조각이 올바르지 않습니다 :

dataLayer.push({ 
    'event': 'fb_share_button_clicked' 
]; 

은 다음과 같아야합니다

콘솔에서보고있는 오류의 종류를 그 평행에서는
dataLayer.push({ 
    'event': 'fb_share_button_clicked' 
}); 

?

관련 문제