2013-04-14 63 views
1

我有一個帶有Facebook按鈕的Facebook網站。我已經在跟蹤事件並將其整合到谷歌分析中。我希望能夠添加重定向,以及一旦有人點擊類似按鈕併發布到Facebook。我的Facebook按鈕被設置了以下內容:如何在我的網頁被喜歡後添加重定向?

<html xmlns:fb="http://www.facebook.com/2008/fbml"> 

<div id="fb-root"></div> 
<script src="https://connect.facebook.net/en_US/all.js#xfbml=1" type="text/javascript"></script> 

而像按鈕的代碼臉譜如下:

<fb:like style="float: left; margin: 1px 10px 0 0;" href="<?php echo $share_url;?>" send="false" layout="box_count" width="65" show_faces="false" font="verdana"></fb:like> 
<script type="text/javascript"> 
FB.Event.subscribe('edge.create', function(href, widget) { 
_gaq.push(['_trackSocial', 'Facebook', 'Like', href]); 
_gaq.push(['_trackEvent', 'Social Shares', 'Facebook Like', href]);}); 
FB.Event.subscribe('edge.remove', function(href, widget) { _gaq.push(['_trackSocial', 'Facebook', 'Unike', href]); }); 
</script>` 

反正是有,我可以重定向到這個,仍然能夠跟蹤點擊谷歌分析?

回答

0

那麼在採取這一段時間現在和很多挫折後,我得到了一個解決方案,工作。我結束了創建自己的應用程序和使用直接URL飼料對話框方法

https://developers.facebook.com/docs/reference/dialogs/feed/

來創建一個對話框應用程序,並增加了對GA跟蹤和重定向的onclick事件。在結束我的Facebook按鈕鏈接看起來像

<a href="https://www.facebook.com/dialog/feed?app_id=000000000000000<?php echo "&link=".urlencode($share_url)."&picture=".urlencode($image)."&name=".urlencode($title)."&caption=&description=".urlencode($description)."&redirect_uri=".urlencode("$redirect").""?>" style="float: left; margin: 66px 10px 0 0;" onclick="trackPost(); window.location(this.href); return false;">Post This</a>

不完全是我原本打算在這沒有使用「喜歡」,而是「信息」或「股份」。但是,它確實很好。我想感謝馬塞洛指引我朝着正確的方向前進。

1

只需在訂閱回調中的GA代碼後添加window.location ='URL YOU WANT'即可。

例子:

FB.Event.subscribe('edge.create', function(href, widget) { 
    _gaq.push(['_trackSocial', 'Facebook', 'Like', href]); 
    _gaq.push(['_trackEvent', 'Social Shares', 'Facebook Like', href]); 
    window.location = 'URL HERE'; 
}); 

對此深感抱歉,我認爲回調是完成後。


要複雜得多,但工作液:

常規「喜歡」按鈕沒有對當人在對話框中居然完成的​​回調函數。幸運的是,您可以使用FB.ui創建自定義對話框。你將不得不爲你的域名創建一個FB應用程序。

我修改並測試了他們的示例代碼,使用重定向而不是警告框。

<div id='fb-root'></div> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<script src='http://connect.facebook.net/en_US/all.js'></script> 

<a id="link" href="#">Post to Feed</a> 

<script> 
FB.init({appId: "000000000000000", status: true, cookie: true}); //You'll need to insert your appId. 

$('#link').click(function(){ 
    FB.ui(
    { 
     method: 'feed', 
     name: 'Facebook Dialogs', 
     link: 'https://developers.facebook.com/docs/reference/dialogs/', 
     picture: 'http://fbrell.com/f8.jpg', 
     caption: 'Reference Documentation', 
     description: 'Dialogs provide a simple, consistent interface for applications to interface with users.' 
    }, 
    function(response) { 
     if (response && response.post_id) { 
      window.location = "http://www.google.com" 
     } else { 
      // Do something else here if they do not post. 
     } 
    }); 
    return false; 
}); 
</script> 
+0

我給了這個鏡頭,它實際上張貼到這樣的臉書,但相信與否它不會做重定向。很奇怪。 –

+0

我複製並粘貼了Marcelo給出的修訂代碼,顯然已替換爲'URL HERE',但仍未獲得重定向。我完全失去了這一點。是因爲它是https:?任何幫助將不勝感激 –

+0

如果我使用FB.ui我還可以添加我的邊緣事件跟蹤谷歌分析與響應重定向? –

相關問題