質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

Q&A

0回答

1365閲覧

WPでGoogle Maps を Instant Articles に出力

goliraz

総合スコア8

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

0グッド

0クリップ

投稿2017/05/19 05:53

編集2017/05/20 06:31

###前提・実現したいこと
facebook-instant-articles-wp のプラグインを使いACFで作ったGOOGLEマップを地図に変換したいです。
FBはwebページと同じ内容を求めるため、GOOGLEマップを排除しても、申請がエラーで通りません。
そのため、おそらく地図に変換を求めていると思われます。

審査担当者からの追加情報:
Please include all of the embeds found in the web article:
I would also like to point out that Instant Articles supports map embeds:

Transformer Rulesをカスタマイズし、地図のコードに
変換する必要があるのですが、
変換方法がよくわかりません。

アドバイスをいただければ幸いです。
よろしくお願いいたします。

Transformer Rules

###発生している問題・エラーメッセージ

No rules defined for <div class="acf-map"> in the context of InstantArticle

###該当のソースコード

<div class="acf-map"><div class="marker" data-lat="35.6698514" data-lng="139.76387249999993"></div></div>

###基本的な地図のコード
https://developers.facebook.com/docs/instant-articles/reference/map

<figure class="op-map"> <script type="application/json" class="op-geotag"> { "type": "Feature", "geometry": { "type": "Point", "coordinates": [23.166667, 89.216667] }, "properties": { "title": "Jessore, Bangladesh", "radius": 750000, "pivot": true, "style": "satellite", } } </script> </figure>

###試したこと
Source Markup:に直接地図コードとなるように記述しましたが、
うまく表示されませんでした。

###補足情報(言語/FW/ツール等のバージョンなど)
Instant Articles for WP バージョン 3.3.5
WordPress バージョン 4.7.5

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問