Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › amp表示におけるアプリーチのエラーについて
- このトピックには41件の返信、2人の参加者があり、最後ににより1年、 5ヶ月前に更新されました。
-
投稿者投稿
-
-
2016年11月15日 11:39 AM #47382三郎ゲスト
お世話になっております。最近のamp関連の怒涛のアップデートには頭が下がる思いです。
アプリ紹介にアプリーチ(http://mama-hack.com/app-reach/)というツールを使っております。
このアプリーチのコードですが、amp表示にするとこの部分↑が、以下↓のように改変されエラーが出ます。(インラインのstyle属性についてはCSSの方にも記述してあります)
<amp-img src=”//is3.mzstatic.com/image/thumb/Purple49/v4/e5/a4/ee/e5a4ee56-555d-3f97-a73e-ac4a58280ad1/source/512x512bb.jpg” alt=”テラリア”></amp-img></p>
アプリーチは幅広く使われているツールですので、ぜひsimplicityでのamp対応をお願いしたいです。
-
2016年11月15日 11:43 AM #47383三郎ゲスト
申し訳ありません。タイトルがおかしくなってしまいました。表示されない元のコードは↓です。
<img id="appreach-image" src="//is3.mzstatic.com/image/thumb/Purple49/v4/e5/a4/ee/e5a4ee56-555d-3f97-a73e-ac4a58280ad1/source/512x512bb.jpg" alt="テラリア" style="float:left; margin:10px; width:25%; max-width:120px; border-radius:10%;">
-
2016年11月15日 12:28 PM #47386みきゲスト
AMPでは
img
タグが使えないので
自動でamp-img
に変換をさせていますエラーが出ます。
というのは
AMPエラーが出るのか、画像が表示されないのか、ほかのエラーなのかを教えてください -
2016年11月15日 12:35 PM #47387みきゲスト
あー
でも、表示がおかしいですね
(おかしくなってないですか?)
通常はアプリアイコン タイトル
見たいな感じですけど
AMPページだとタイトル
アプリアイコンになりました
-
2016年11月15日 1:23 PM #47388三郎ゲスト
エラーはampのエラーになります(レイアウトがサポートされていないというよくみるampエラー)。
いくつか検証してみたところ、アプリアイコン画像の取得がSSL対応のために相対パスになっているのがampエラーの原因だったようです。これを手動で直せば手間はかかるもののampのエラーは解消できそうです。ただimgタグがamp-imgタグに置き換えられる際、id指定が消えてしまうのと謎の/pタグが追加されるのは現在のsimplicityの自動amp化の仕様なのでしょうか?
-
2016年11月15日 6:11 PM #47409わいひらキーマスター
できれば、エラーメッセージをそのまま貼り付けてもらってよろしいでしょうか。
エラーが複数出る場合は、すべて貼り付けていただけると助かります。
Simplicityでは、IDは消してないと思います。
-
2016年11月15日 6:30 PM #47413みきゲスト
こちらで試したところでは
The implied layout 'CONTAINER' is not supported by tag 'amp-img'.
というエラーが2つ出ていました
2つというのは
アプリアイコンとストアのダウンロードボタンの画像ですね
ダウンロードボタンの画像なので3つになることもあります -
2016年11月15日 6:32 PM #47414みきゲスト
idは
id="appreach-image"
が消えるんですよね
こちらの環境では消えていません -
2016年11月15日 6:38 PM #47416わいひらキーマスター
The implied layout ‘CONTAINER’ is not supported by tag ‘amp-img’.
このエラーだとしたら、やっぱりアプリーチの画像タグにwidthとheight属性を指定して、画像サイズを入れてもらうリクエストをしていただくしかないかもしれません。
というか、アプリーチのアプリ画像のサイズは、すべて正方形でしょうか?(必ず縦横幅が同じでしょうか?)
それだったら何とかなるかもしれません。ストアのダウンロードボタンは、サイズが決まっていそうなので多分大丈夫です。僕は、動作テスト以外ではアプリーチを使ったことがないので、よろしかったら教えていただけると幸いです。
-
2016年11月15日 6:42 PM #47417みきゲスト
アプリーチのアプリ画像のサイズは、すべて正方形でしょうか?(縦横幅が同じでしょうか?)
正方形です
多分
ストアの規約でアイコンのサイズが決まっていたはず・・・
サイズが違うとアップロードするところで多分怒られます僕は、ほとんどアプリーチを使ったことがないので、よろしかったら教えていただけると幸いです。
今回の報告ではじめて使いました
なかなか便利かも・・・ -
2016年11月15日 6:44 PM #47418みきゲスト
アップルが1024×1024
Googleが512×512です -
2016年11月15日 8:00 PM #47424わいひらキーマスター
正方形でいけるなら何とかなるかもしれません。
ストアのイメージも縦横比が決まっているので多分問題ないと思います。
時間が空いたら、ちょっとテストしてみようと思います。 -
2016年11月15日 8:16 PM #47427みきゲスト
わいひらさん
AMPページだとアプリアイコンとストアボタンがでかくなっています
画像は乗せれないのですが・・・
(危なそうだから)
AMPページの横幅まで画像が拡大されています
ローカルでも使えたので試していただければ状態がわかると思います
htmlをコピペするだけです
アプリーチ -
2016年11月15日 8:43 PM #47432わいひらキーマスター
画像が大きく表示されているのは、Simplicityのリンクから移動してURLに#development=1が含まれているからではないかと思います。
#development=1を取り除いたURLにすると画像が表示されないと思います。
※まだAMP対応していないので画像が表示されないので正常動作。 -
2016年11月15日 9:37 PM #47433三郎ゲスト
わいひらさん、みきさん、お手数をおかけしております。
私の環境でもエラーメッセージはみきさんのものと同じですが、amp表示にすると上記の通りimgタグのclassが取り除かれ、末尾に/pタグがついてしまいます(元のコードはなにも手を付けていません)。
また私の場合、エラー扱いなのはアプリアイコンだけでダウンロードボタンはitunes、googleともにエラーがでていません。 -
2016年11月15日 9:59 PM #47436わいひらキーマスター
とりあえず、アプリーチに対応させてみました。
https://wp-simplicity.com/wp-content/uploads/2016/11/simplicity2-7.zip
ほぼ、アプリーチのスタイルそのままで表示されるようになったかと思います。よかったら試していただけると幸いです
amp表示にすると上記の通りimgタグのclassが取り除かれ、末尾に/pタグがついてしまいます(元のコードはなにも手を付けていません)。
僕の環境ではそんなことはないような気がしますが。
simplicity2-7.zipを適用した後も、同様の不具合が出るようであれば、実勢不具合が出ているページのURLを貼り付けていただけると助かります。 -
2016年11月15日 10:26 PM #47440わいひらキーマスター
間違って、トピックをクローズにしてしまっていた…
-
2016年11月15日 10:36 PM #47441みきゲスト
わいひらさん
やっぱりそうでしたか
びっくりしました!
ちょっと試してきます!! -
2016年11月15日 10:45 PM #47442みきゲスト
アプリアイコンが表示されませんでした
画像
エラーが出ていましたThe implied layout ‘CONTAINER’ is not supported by tag ‘amp-img’.
-
2016年11月15日 11:08 PM #47444みきゲスト
PCだったからなのか
スマホ、タブレットでは正常に表示されました
AMPはスマホ、タブレット向けの規格なので
スマホ、タブレットで表示されれば問題ないので
あれですが
一応エラーになっていたので報告までに・・・ -
2016年11月15日 11:23 PM #47446わいひらキーマスター
僕の環境では、パソコンからでも問題なく表示されているようです。
SimplicityのAMPページは、パソコンからでもモバイルからでも同じものが表示されるので、表示に差が出るのはちょっと考えにくいかもしれません。
一応、キャッシュ等は削除してみられましたか? -
2016年11月15日 11:31 PM #47447みきゲスト
あっ
キャッシュかも・・・ -
2016年11月15日 11:34 PM #47449みきゲスト
キャッシュを削除しても
変わらずエラーになります・・・ -
2016年11月15日 11:38 PM #47450みきゲスト
普段使用していないIEでもだめでした
-
2016年11月16日 11:18 AM #47460三郎ゲスト
わいひらさん、迅速な対応恐縮です。
いろいろ試してみたのですが、アプリーチは同じアプリでもコードを取得するタイミングによって画像のURLが異なるようで、このURLによってはampエラーがでるようです(私の環境では)。
早速対応していただいた2,7Verでもうまく表示されるもの、「The implied layout ‘CONTAINER’ is not supported by tag ‘amp-img’.」が表示されるもの、画像だけ表示されないものなど色々確認できました。
-
2016年11月16日 5:02 PM #47480わいひらキーマスター
早速対応していただいた2,7Verでもうまく表示されるもの、「The implied layout ‘CONTAINER’ is not supported by tag ‘amp-img’.」が表示されるもの、画像だけ表示されないものなど色々確認できました。
よろしかったら、エラーの出ているページのURLを見せてもらうことは可能でしょうか?
実際のソースを見ると問題点がすぐわかるので。いろいろ試してみたのですが、アプリーチは同じアプリでもコードを取得するタイミングによって画像のURLが異なるようで、このURLによってはampエラーがでるようです(私の環境では)。
アプリーチってそんな仕様なんですね;
どういったURL(ドメイン)があるのかわかる範囲で良いので列挙してもらってよいでしょうか。こちらでも確認してみますが。
エラーの出ているAMPページがあれば、そのページへのURLの列挙だけでもOKです。 -
2016年11月16日 5:23 PM #47482みきゲスト
Googleフォトみたいなやつの
共有とかでやってそうな感じがあります画像のリンク先のアイコンがgoogleフォトのアイコンでした
わざと間違えると
Googleの404になったので・・・末尾に/pタグがついてしまいます
意味がわかりました!!
一応確認したらこちらでも同じことが起きていました -
2016年11月16日 5:26 PM #47483みきゲスト
適当にwidthとheightをつけたら
AMPエラーは解消したので
うまくやればできるかも・・・2.3.9みたいにwidthとheight自動でつければ解決しそうです・・・
-
2016年11月16日 7:05 PM #47498わいひらキーマスター
とりあえず手元のファイルは以下のドメインには対応させました。
mzstatic.com
phobos.apple.com
googleusercontent.com他にもありましたら、書き込んでいただけると助かります。
-
2016年11月16日 9:52 PM #47517三郎ゲスト
わいひらさん、みきさん、お手数をおかけしております。
私の環境では、アプリアイコンのURLが「//is1-ssl.mzstatic.com」のものだけが正常に表示されていますが、ドメイン中の「//is◯」←この部分が1以外の数字(2〜5)だとampエラーがでる状態です。
-
2016年11月16日 10:05 PM #47520わいひらキーマスター
それでしたら、先程修正したもので良いのかも。
以下のファイルを試してみてもらってよろしいでしょうか。
https://wp-simplicity.com/wp-content/uploads/2016/11/simplicity2-10.zip -
2016年11月16日 10:06 PM #47522わいひらキーマスター
上のファイルを適用した状態でも、またエラーが出るドメインがあったら、書き込んでいただけると助かります。
すぐに修正したいと思います。 -
2016年11月16日 10:26 PM #47526みきゲスト
ggpht.com
がありました -
2016年11月16日 10:32 PM #47528みきゲスト
追加させる場所とやり方がわかったので
コードを追加させたら表示できました -
2016年11月17日 3:42 PM #47541三郎ゲスト
私の環境では今のところ2.10verでアプリーチは問題なく使えています。早すぎる対応感謝いたします。
-
2016年11月17日 3:47 PM #47543わいひらキーマスター
みきさん、そのドメインは出たことがありませんでした。ありがとうございます。
とりあえず、手元のファイルをggpht.comにも対応させておきました。
次のバージョンでアップしようと思います。
皆様、動作確認ありがとうございます。 -
2016年11月17日 7:49 PM #47562古沢伸介ゲスト
お世話になっております。
最新の2.4.0aを入れてみました。
アプリーチのAMP表示でAMPテストでエラーになってしまいました。https://contrabass.net/blog/spotify/?amp=1
内容を見ると、
The attribute ‘/’ may not appear in tag ‘amp-img’.
となっており、ソースを見るとwidthの前に不要な”/”が入っているようです。
[p][amp-img alt="" id="appreach-image" title="Spotify -音楽ストリーミングサービス" src="//lh3.googleusercontent.com/UrY7BAZ-XfXGpfkeWg0zCCeo-7ras4DCoRalC_WXXWTK9q5b0Iw7B0YQMsVxZaNB7DM=w170" / width="75" height="75" sizes="(max-width: 75px) 75vw, 75px"][/amp-img][/p]
-
2016年11月17日 8:29 PM #47566わいひらキーマスター
ご報告ありがとうございます!
修正したものをSimplicity2.4.0dとしてアップしてみました。
https://wp-simplicity.com/downloads/downloads2/
よかったら試してみていただけると幸いです。 -
2016年11月17日 11:01 PM #47574古沢伸介ゲスト
早速の対応ありがとうございます。
2.4.0dに更新したところ、AMPエラーは出なくなったことを確認しました。
-
2016年11月18日 5:51 PM #47602わいひらキーマスター
動作確認ありがとうございます!
-
2018年9月7日 12:10 PM #60714大輔ゲスト
失礼いたします
「アプリーチ AMP」で検索したところ
このページに行き当たりましたよろしければ
Cocoonにも「アプリーチ」AMP最適化を
お願いできないでしょうかよろしくおねがいします
-
2018年9月8日 4:15 PM #60717わいひらキーマスター
次のバージョンで対応させておこうと思います。
実際には同じコードは書かれていましたが、処理の順番が間違っていたようです。ただ、次のバージョンのCocoonでうまくいかないようであれば、もう一度Cocoonのフォーラムの方に書き込んでいただければと思います。
-
-
投稿者投稿
- このトピックに返信するにはログインが必要です。