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の画像が貼り付けられる。

意外と苦労したので、メモしておこう。

 

 

Website

Posted by happyman