如何創建自定義StumbleUpon按鈕？

StumbleUpon發佈了一個Widget script和documents如何使用它來插入一個stumble的按鈕（他們稱之爲徽章），進入一個網站。如何創建自定義StumbleUpon按鈕？

您可以使用their online tool爲按鈕生成標記。它看起來像這樣：

<!-- Place this tag where you want the su badge to render --> 
<su:badge layout="2" location="http://example.com"></su:badge> 

<!-- Place this snippet wherever appropriate --> 
<script type="text/javascript"> 
    (function() { 
    var li = document.createElement('script'); 
    li.type = 'text/javascript'; 
    li.async = true; 
    li.src = 'https://platform.stumbleupon.com/1/widgets.js'; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(li, s); 
    })(); 
</script>

該腳本元素只是一種延遲加載widgets.js的東西。僅僅從看它，我想它可以通過掃描文檔中的<su:badge>元素，並用iframes替換它們。然後，iframe自己從stumbleupon中獲取它們的源內容，如下所示：http://badge.stumbleupon.com/badge/embed/4/?url=http%3A%2F%2Fexample.com。

的iframe呈現視覺上是這樣的： enter image description here

或者StumbleUpon按鈕是第二之一。我顯示其他的比較。正如你所看到的，StumbleUpon的渲染看起來與其他人不同。蘇讓他們的按鈕看起來像一個「徽章」，而其他社交分享小部件看起來像......呃....一個按鈕。

我試圖讓Stumbleupon小部件看起來像一個按鈕。我很確定這是可能的。例如，mashable是否可以（example）。這裏是什麼樣子：

enter image description here

正如你所看到的，StumbleUpon公司按鈕看起來像一個按鈕。這不是一個徽章。 Mashable沒有使用su:badge的東西 - 他們已經制作了他們自己的<a>標籤，並對其進行了設計。

視覺渲染不是問題;我可以弄清楚如何讓跨度看起來像一個按鈕，沒問題。單擊標籤或跨度時發生問題。看來，我認爲，與StumbleUpon公司使用iframe的東西，它會調用這個URL提交頁面共享：

http://www.stumbleupon.com/badge/?url=http%3A//example.com/whatever HTTP/1.1

iframe的使用JavaScript的window.open，請求，並限制調整大小等。這就是它如何工作的可馴服。在出現的窗口看起來是這樣的：

enter image description here

這也是混搭頁面做什麼，儘管它不使用iframe中。 Mashable頁面包含JavaScript，它直接從主可琢磨頁面內打開「stumbleupon submit」窗口。

但是當我嘗試同樣的事情，從我頁面，小的固定窗口會從StumbleUpon公司302重定向，然後又是302，最終它指向

http://www.stumbleupon.com/submit/visitor

...不允許分享鏈接。

這是一個很長的故事，但：
沒有任何人有任何見解，我怎麼能說服StumbleUpon公司，讓我分享一個鏈接或URL，從沒有包含在iframe中的按鈕？

什麼是mashable的祕密？

來源

2012-05-14 Cheeso

好的這裏是我發現的。

302的最終向我指出/提交/訪問發生在以下兩個條件都爲真：

用戶沒有在
記錄的文章還沒有迷迷糊糊的StumbleUpon以前

當發生這種情況時，stumbleupon會邀請您（用戶）登錄。它不會帶你到「提交網址」頁面。

如果用戶沒有登錄，但是之前已經提交了文章，那麼它會將您帶到沒有302的提交窗口。最終，如果繼續提交，您將被要求登錄。但在這種情況下stumbleupn網站的第一個視圖給你一個視覺表明你正在提交的東西。

如果用戶已經登錄，並且文章以前沒有提交過，那麼您將被帶到提交頁面。

所以我沒有做錯什麼。我只需要第一次登錄。這只是StumbleUpon提供的用戶體驗的產物。在我看來，這有點奇怪。這是令人驚訝的，因此也是錯誤的。但那只是我的個人意見。

來源

2012-05-16 01:21:38 Cheeso

如何創建自定義StumbleUpon按鈕？

回答

相關問題