关于微格式：一页上有多个 Foursquare 的”保存”按钮


Multiple Foursquare 'save' buttons on one page

我正在开发一个显示场地列表的网站，并希望为列表中的每个场地添加一个 Foursquare 的"保存"按钮。是否可以在单个页面上显示多个 Foursquare"保存"按钮？我已经尝试创建多个 vCard 块(每个场地一个)并在每个块中插入一个"保存"按钮，但没有拾取位置。

检查widgets.js 和widgets.asyncbundle.js 的来源后，我发现将\\'Save to Foursquare\\' 按钮的data-context 属性设置为VCard 的ID 将链接这两者。像这样：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
    <span class="fn">
        <span class="given-name">Station Amsterdam Centraal</span>
    </span>
   
        stationsplein 15
        <span class="locality">Amsterdam</span>,
        <span class="region">Amsterdam</span> ,
        <span class="postal-code">1012AB</span>
   


    <span class="fn">
        <span class="given-name">Jaarbeursplein</span>
    </span>
   
        Jaarbeursplein
        <span class="locality">Utrecht</span>,
        <span class="region">Utrecht</span>,
        <span class="postal-code">3521AL</span>
   


Save to foursquare
Save to foursquare

但是由于没有记录在案，它可能会在不久的将来更改。

相关讨论

用"data-vid"试试这个：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 <!-- Place this anchor tag where you want the button to go -->
<br />
All In PartyRadio StudioSave to foursquare
<br />
Sing Sing Music HallSave to foursquare
<br />
Retro KlubSave to foursquare
<br />
Tisza DokkSave to foursquare
<br />
Z?ld Zsiráf KultúrpartSave to foursquare

<!-- 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);
  })();

可通过@https://developer.foursquare.com/overview/widgets 访问保存到foursquare 小部件的正在进行的文档。它们会随着时间的推移而被清理干净，但应该足以帮助解决这个和未来与小部件相关的问题 =)。

特别是，您需要的有关 "data-context" 属性的文档将很快推送到链接页面。

相关讨论