IFTTTを使って、WordPressにGoogleMap付投稿を簡単に書く方法(GoogleMapAPI KEY対応)
あっちこっち行ったBlog(はっぴ~まんのあれやこれや)に、GoogleMap(Static)の画像を簡単に付けて書く方法を忘れないように残しておく。
標準のレシピではGoogleMapPlatformのAPI KEYに対応していないので、KEYを組み込んでやる細工をする。
GoogleMapのAPI KEY(Maps Static API)を設定していなかったために、ブログに地図画像が出なくなっちまった話 | happyman web
Google Maps Platformに登録だ・・・でもGoogleCloudPlatformってわけわかんないがMaps Static APIのkeyは取得できた。 | happyman web
の話の続きです。
1.IFTTTでFoursquare(Swarm)のチェックインからBlog(Wordpress)に投稿すると言うレシピを作る。
IFTTTとは、「これをしたら、あれをする」というネット上のサービスです。
IFTTT helps your apps and devices work together
これを使って、Foursquare(Swarm)でチェックインしたら、Blog(Wordpress)の投稿を自動でするようにしてやる。
これ(this)の部分にFoursquareを選んで接続する。
色々トリガーがあるのだが一番上の「Any new checkin」をとりあえず選ぶ。
次ぎにあれ(that)の部分にWordpressを選んで接続する。
WordPressには、タイトル(Title)を入れるところと本文(Body)をいれるところを埋めてやれば、レシピの完成。
Titleの「VenueName」のところにFoursquareの「場所」が入り、「Shout」のところに、Swarmに書いた「コメント」が入る。
Bodyの<img src=”VenueMapImageUrl”>と言う部分が、GoogleMap(Static)のコードになる部分である。
あとは適当に文字列を入れて適当なテンプレートを完成させてしまえば設定終了。
今まではこれで簡単にWordpressへの投稿が出来たんだが・・・KEYがないとブログ記事に地図が出なくなってしまった。
2.API KEYをレシピに組み込んでやる。
Bodyの<img src=”VenueMapImageUrl”>に{&key=取得したキーコード}を入れてやるだけ。
そうすれば、今まで通り、BlogにGoogleMapの画像が貼り付けられる。
意外と苦労したので、メモしておこう。
ディスカッション
コメント一覧
まだ、コメントがありません