在一個頁面上多個Foursquare「保存」按鈕

Question

我正在一個顯示場地列表的網站上工作，並希望爲列表中的每個場地添加一個Foursquare「保存」按鈕。是否可以在單個頁面上顯示多個Foursquare「保存」按鈕？我嘗試過創建多個vCard塊（每個場地一個），並在每個塊中插入一個「保存」按鈕，但是這些位置沒有被拾取。

Answer 1

檢查了widgets.js和widgets.asyncbundle.js的來源後，我發現將'Save to Foursquare'按鈕的屬性設置爲VCard的ID將會鏈接這兩個。像這樣：

<div id="hcard-Station-Amsterdam-Centraal" class="vcard"> 
    <span class="fn"> 
     <span class="given-name">Station Amsterdam Centraal</span> 
    </span> 
    <div class="adr"> 
     <div class="street-address">stationsplein 15</div> 
     <span class="locality">Amsterdam</span>, 
     <span class="region">Amsterdam</span> , 
     <span class="postal-code">1012AB</span> 
    </div> 
</div> 
<div id="hcard-Jaarbeursplein" class="vcard"> 
    <span class="fn"> 
     <span class="given-name">Jaarbeursplein</span> 
    </span> 
    <div class="adr"> 
     <div class="street-address">Jaarbeursplein</div> 
     <span class="locality">Utrecht</span>, 
     <span class="region">Utrecht</span>, 
     <span class="postal-code">3521AL</span> 
    </div> 
</div> 

<a href="https://foursquare.com/intent/venue.html" class="fourSq-widget" data-context="hcard-Station-Amsterdam-Centraal" data-variant="wide">Save to foursquare</a> 
<a href="https://foursquare.com/intent/venue.html" class="fourSq-widget" data-context="hcard-Jaarbeursplein" data-variant="wide">Save to foursquare</a> 

但是，由於事實上這沒有記錄，它可能會在不久的將來改變。

Answer 2

保存到foursquare小部件的進行中文檔可以通過@https://developer.foursquare.com/overview/widgets訪問。他們會隨着時間的推移被清理乾淨，但應該足以幫助這個和未來的小部件相關的問題=）。

特別是，有關您所需的「data-context」屬性的文檔將很快推送到鏈接頁面。

Answer 3

與「數據-VID」試試這個：

<!-- Place this anchor tag where you want the button to go --> 
<br /> 
All In PartyRadio Studio<a href="https://foursquare.com/intent/venue.html" class="fourSq-widget" data-vid="50575a55e0e27c7feb062116">Save to foursquare</a> 
<br /> 
Sing Sing Music Hall<a href="https://foursquare.com/intent/venue.html" class="fourSq-widget" data-vid="4d47d1fe2165721ebe9ac0d7">Save to foursquare</a> 
<br /> 
Retro Klub<a href="https://foursquare.com/intent/venue.html" class="fourSq-widget" data-vid="4d437d813616b60c2764dac2">Save to foursquare</a> 
<br /> 
Tisza Dokk<a href="https://foursquare.com/intent/venue.html" class="fourSq-widget" data-vid="4f73231de4b0e3a99689cc61">Save to foursquare</a> 
<br /> 
Zöld Zsiráf Kultúrpart<a href="https://foursquare.com/intent/venue.html" class="fourSq-widget" data-vid="4ffad97ef13633933ececa5f">Save to foursquare</a> 

<!-- Place this script somewhere after the anchor tag above. If you have multiple buttons, only include the script once. --> 
<script type='text/javascript'> 
    (function() { 
    window.___fourSq = {"uid":"606"}; 
    var s = document.createElement('script'); 
    s.type = 'text/javascript'; 
    s.src = 'http://platform.foursquare.com/js/widgets.js'; 
    s.async = true; 
    var ph = document.getElementsByTagName('script')[0]; 
    ph.parentNode.insertBefore(s, ph); 
    })(); 
</script>