Foursquare > WordPress
お店の情報をブログで紹介するときに、何か巧い手がないか調べてみた。
いくつか方法はあるんだけど。
まずそもそも私が使っているのがFoursquareであるというのが問題で、他のサービスならもっと簡単にできるのだ。Facebookでも、Googleマップでも埋め込みコードを発行しているし、食べログでさえそれができる。
→Facebookの投稿をブログに埋め込めるようになった! | STYLE-EASY
→お店情報や地図情報をカンタンにブログで紹介!Googleマップをブログに埋め込む方法 | まろやかなギーク!
→ブログに『食べログ』の店舗情報マップを綺麗に貼り付ける方法 | SiteMiru(してみる)
Foursquareは、Facebook、Twitterとメールでの共有はできるが、それ以外は「勝手にしろ」的な対応でがっかりですよ。
APIとかいうのを使うの? ハードル高くね?
→Foursquare(Swarm) APIの使い方まとめ (サンプルコード付き)
いろんなサービスを埋め込みできるようにするサービスがあるみたい。
→Foursquare Embed Provider | Embedly
でもなんかこれだけのことにわざわざ別のサービスを使うのも……もっとシンプルにできるはずなんだが。
結局Wordpressのプラグインに落ち着きそう。
→WordPress › Foursquare Venue « WordPress Plugins
チェックインを自動でWordpressの記事にしてくれるIFTTTのレシピはあるんだけど、チェックインしてない場所を記事に含めたいときに困るのよね。
2015-10-30(金)追記
いろいろ調べた結果(IFTTTのレシピがFoursquareで呼び出しているマップをチートした)、上述「Foursquare Venue」というプラグインの「Template」に以下のように記述することで、地図つきのFoursquareポイントを抜き出すことに成功した。ショートコードで[venue id=””]を指定すると呼び出すことができる。
<div style="border: 1px solid #999; padding: 10px;"><strong><a href="%%foursquare_url%%">%%name%%</a></strong>(foursquare)<br> %%checkins_count%%チェックイン 評価%%rating%% <br><img src="http://maps.google.com/maps/api/staticmap?center=%%lat%%,%%lng%%&zoom=16&size=600x400&maptype=roadmap&sensor=false&markers=color:red%7C%%lat%%,%%lng%%" style=""> </div>
こんな感じで表示される。
[venue id=”4bdd256ef219c9b691191210″]
[EOF]