2015-04-28 111 views
0

我按照這個教程創建我自己的社交分享按鈕與計數器: Social Share Tutorial 而我不明白爲什麼社交分享計數不會通過。社交分享計數器問題

這是一個HubSpot站點和頁面是here

我還設置了一個fiddle 顯示我正在使用的代碼。

任何有識之士將不勝感激!

This是在js中調用的php文件。

的JS:

function get_social_counts() { 
var thisUrl = window.location.protocol + "//" + window.location.host +   window.location.pathname; 
$.ajax({ 
    type: "GET", 
    url: 'http://cdn2.hubspot.net/hubfs/169677/social_sharing/get_social_counts.php? thisurl='+thisUrl, 
    dataType: "json", 
    success: function (data){ 
     $('a.post-share.twitter span').html(data.twitter); 
     $('a.post-share.facebook span').html(data.facebook); 
     $('a.post-share.gplus span').html(data.gplus); 
     $('a.post-share.stumble span').html(data.stumble); 
    } 
}); 
} 


$(document).ready(function(){ 
    get_social_counts(); 

}); 

感謝

+0

就像最初的想法一樣,你的URL中有2個空白是故意的嗎?雖然空格通常無關緊要,但當它們被包含在字符串中時,它們當然很重要。我會看看你發佈的內容的其餘部分,如果我看到其他內容,請告訴我們。 – Fata1Err0r

回答

0

你有許多問題。

首先是您通過HTTPS請求HTTP URL。您的瀏覽器的JavaScript控制檯應該顯示是這樣的:

混合內容:該頁面在「https://fiddle.jshell.net/_display/」裝載了HTTPS,但要求一個不安全的XMLHttpRequest端點「http://cdn2.hubspot.net/hubfs/169677/social_sharing/get_social_counts.php?thisurl=https://fiddle.jshell.net/_display/」。此請求已被阻止;內容必須通過HTTPS提供。

糾正時,它仍然沒有去上班,因爲https://cdn2.hubspot.net/hubfs/169677/social_sharing/get_social_counts.php執行任何PHP。而不是JSON響應,你會得到原始的PHP代碼,這是JavaScript無法理解的。

我不相信Hubspot會爲您託管您的PHP代碼。

+0

好的,我想我明白了。所以我想找到一個不依賴於PHP的解決方案?我發現[鏈接](http://www.jqueryscript.net/social-media/jQuery-Plugin-For-Custom-Social-Share-Buttons-csButtons.html)。並做了一個小提琴:[linl](http://jsfiddle.net/jestlinbaum/3p9r2dfq/)。它應該追加計數到按鈕div,但它不是。有什麼想法嗎? – juiceman

+0

好的,我想我明白了。所以我想找到一個不依賴於PHP的解決方案?我發現[this](http://www.jqueryscript.net/social-media/jQuery-Plugin-For-Custom-Social-Share-Buttons-csButtons.html)。並做了[小提琴](http://jsfiddle.net/jestlinbaum/3p9r2dfq/)。它應該追加計數到按鈕div,但它不是。有什麼想法嗎? – juiceman

+0

@juiceman PHP很好,但你很顯然試圖在非PHP的主機上託管你的PHP代碼。 – ceejayoz