amp表示におけるアプリーチのエラーについて

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも amp表示におけるアプリーチのエラーについて

  • このトピックには41件の返信、2人の参加者があり、最後ににより1年、 5ヶ月前に更新されました。
41件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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対応をお願いしたいです。

    • #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%;">

    • #47386
      みき
      ゲスト

      AMPではimgタグが使えないので
      自動でamp-imgに変換をさせています

      エラーが出ます。

      というのは
      AMPエラーが出るのか、画像が表示されないのか、ほかのエラーなのかを教えてください

    • #47387
      みき
      ゲスト

      あー
      でも、表示がおかしいですね
      (おかしくなってないですか?)
      通常は

      アプリアイコン タイトル

      見たいな感じですけど
      AMPページだと

      タイトル
      アプリアイコン

      になりました

    • #47388
      三郎
      ゲスト

      エラーはampのエラーになります(レイアウトがサポートされていないというよくみるampエラー)。
      いくつか検証してみたところ、アプリアイコン画像の取得がSSL対応のために相対パスになっているのがampエラーの原因だったようです。これを手動で直せば手間はかかるもののampのエラーは解消できそうです。

      ただimgタグがamp-imgタグに置き換えられる際、id指定が消えてしまうのと謎の/pタグが追加されるのは現在のsimplicityの自動amp化の仕様なのでしょうか?

    • #47409
      アバター画像わいひら
      キーマスター

      できれば、エラーメッセージをそのまま貼り付けてもらってよろしいでしょうか。

      エラーが複数出る場合は、すべて貼り付けていただけると助かります。

      Simplicityでは、IDは消してないと思います。

    • #47413
      みき
      ゲスト

      こちらで試したところでは
      The implied layout 'CONTAINER' is not supported by tag 'amp-img'.
      というエラーが2つ出ていました
      2つというのは
      アプリアイコンとストアのダウンロードボタンの画像ですね
      ダウンロードボタンの画像なので3つになることもあります

    • #47414
      みき
      ゲスト

      idはid="appreach-image"が消えるんですよね
      こちらの環境では消えていません

    • #47416
      アバター画像わいひら
      キーマスター

      The implied layout ‘CONTAINER’ is not supported by tag ‘amp-img’.

      このエラーだとしたら、やっぱりアプリーチの画像タグにwidthとheight属性を指定して、画像サイズを入れてもらうリクエストをしていただくしかないかもしれません。
      というか、アプリーチのアプリ画像のサイズは、すべて正方形でしょうか?(必ず縦横幅が同じでしょうか?)
      それだったら何とかなるかもしれません。ストアのダウンロードボタンは、サイズが決まっていそうなので多分大丈夫です。

      僕は、動作テスト以外ではアプリーチを使ったことがないので、よろしかったら教えていただけると幸いです。

    • #47417
      みき
      ゲスト

      アプリーチのアプリ画像のサイズは、すべて正方形でしょうか?(縦横幅が同じでしょうか?)

      正方形です
      多分
      ストアの規約でアイコンのサイズが決まっていたはず・・・
      サイズが違うとアップロードするところで多分怒られます

      僕は、ほとんどアプリーチを使ったことがないので、よろしかったら教えていただけると幸いです。

      今回の報告ではじめて使いました
      なかなか便利かも・・・

    • #47418
      みき
      ゲスト

      アップルが1024×1024
      Googleが512×512です

    • #47424
      アバター画像わいひら
      キーマスター

      正方形でいけるなら何とかなるかもしれません。
      ストアのイメージも縦横比が決まっているので多分問題ないと思います。
      時間が空いたら、ちょっとテストしてみようと思います。

    • #47427
      みき
      ゲスト

      わいひらさん
      AMPページだとアプリアイコンとストアボタンがでかくなっています
      画像は乗せれないのですが・・・
      (危なそうだから)
      AMPページの横幅まで画像が拡大されています
      ローカルでも使えたので試していただければ状態がわかると思います
      htmlをコピペするだけです
      アプリーチ

    • #47432
      アバター画像わいひら
      キーマスター

      画像が大きく表示されているのは、Simplicityのリンクから移動してURLに#development=1が含まれているからではないかと思います。
      #development=1を取り除いたURLにすると画像が表示されないと思います。
      ※まだAMP対応していないので画像が表示されないので正常動作。

    • #47433
      三郎
      ゲスト

      わいひらさん、みきさん、お手数をおかけしております。

      私の環境でもエラーメッセージはみきさんのものと同じですが、amp表示にすると上記の通りimgタグのclassが取り除かれ、末尾に/pタグがついてしまいます(元のコードはなにも手を付けていません)。
      また私の場合、エラー扱いなのはアプリアイコンだけでダウンロードボタンはitunes、googleともにエラーがでていません。

    • #47436
      アバター画像わいひら
      キーマスター

      とりあえず、アプリーチに対応させてみました。
      https://wp-simplicity.com/wp-content/uploads/2016/11/simplicity2-7.zip
      ほぼ、アプリーチのスタイルそのままで表示されるようになったかと思います。よかったら試していただけると幸いです

      amp表示にすると上記の通りimgタグのclassが取り除かれ、末尾に/pタグがついてしまいます(元のコードはなにも手を付けていません)。

      僕の環境ではそんなことはないような気がしますが。
      simplicity2-7.zipを適用した後も、同様の不具合が出るようであれば、実勢不具合が出ているページのURLを貼り付けていただけると助かります。

    • #47440
      アバター画像わいひら
      キーマスター

      間違って、トピックをクローズにしてしまっていた…

    • #47441
      みき
      ゲスト

      わいひらさん
      やっぱりそうでしたか
      びっくりしました!
      ちょっと試してきます!!

    • #47442
      みき
      ゲスト

      アプリアイコンが表示されませんでした
      画像
      エラーが出ていました

      The implied layout ‘CONTAINER’ is not supported by tag ‘amp-img’.

    • #47444
      みき
      ゲスト

      PCだったからなのか
      スマホ、タブレットでは正常に表示されました
      AMPはスマホ、タブレット向けの規格なので
      スマホ、タブレットで表示されれば問題ないので
      あれですが
      一応エラーになっていたので報告までに・・・

    • #47446
      アバター画像わいひら
      キーマスター

      僕の環境では、パソコンからでも問題なく表示されているようです。
      SimplicityのAMPページは、パソコンからでもモバイルからでも同じものが表示されるので、表示に差が出るのはちょっと考えにくいかもしれません。
      一応、キャッシュ等は削除してみられましたか?

    • #47447
      みき
      ゲスト

      あっ
      キャッシュかも・・・

    • #47449
      みき
      ゲスト

      キャッシュを削除しても
      変わらずエラーになります・・・

    • #47450
      みき
      ゲスト

      普段使用していないIEでもだめでした

    • #47460
      三郎
      ゲスト

      わいひらさん、迅速な対応恐縮です。

      いろいろ試してみたのですが、アプリーチは同じアプリでもコードを取得するタイミングによって画像のURLが異なるようで、このURLによってはampエラーがでるようです(私の環境では)。

      早速対応していただいた2,7Verでもうまく表示されるもの、「The implied layout ‘CONTAINER’ is not supported by tag ‘amp-img’.」が表示されるもの、画像だけ表示されないものなど色々確認できました。

    • #47480
      アバター画像わいひら
      キーマスター

      早速対応していただいた2,7Verでもうまく表示されるもの、「The implied layout ‘CONTAINER’ is not supported by tag ‘amp-img’.」が表示されるもの、画像だけ表示されないものなど色々確認できました。

      よろしかったら、エラーの出ているページのURLを見せてもらうことは可能でしょうか?
      実際のソースを見ると問題点がすぐわかるので。

      いろいろ試してみたのですが、アプリーチは同じアプリでもコードを取得するタイミングによって画像のURLが異なるようで、このURLによってはampエラーがでるようです(私の環境では)。

      アプリーチってそんな仕様なんですね;
      どういったURL(ドメイン)があるのかわかる範囲で良いので列挙してもらってよいでしょうか。こちらでも確認してみますが。
      エラーの出ているAMPページがあれば、そのページへのURLの列挙だけでもOKです。

    • #47482
      みき
      ゲスト

      Googleフォトみたいなやつの
      共有とかでやってそうな感じがあります

      画像のリンク先のアイコンがgoogleフォトのアイコンでした
      わざと間違えると
      Googleの404になったので・・・

      末尾に/pタグがついてしまいます

      意味がわかりました!!
      一応確認したらこちらでも同じことが起きていました

    • #47483
      みき
      ゲスト

      適当にwidthとheightをつけたら
      AMPエラーは解消したので
      うまくやればできるかも・・・

      2.3.9みたいにwidthとheight自動でつければ解決しそうです・・・

    • #47498
      アバター画像わいひら
      キーマスター

      とりあえず手元のファイルは以下のドメインには対応させました。
      mzstatic.com
      phobos.apple.com
      googleusercontent.com

      他にもありましたら、書き込んでいただけると助かります。

    • #47517
      三郎
      ゲスト

      わいひらさん、みきさん、お手数をおかけしております。

      私の環境では、アプリアイコンのURLが「//is1-ssl.mzstatic.com」のものだけが正常に表示されていますが、ドメイン中の「//is◯」←この部分が1以外の数字(2〜5)だとampエラーがでる状態です。

    • #47520
      アバター画像わいひら
      キーマスター

      それでしたら、先程修正したもので良いのかも。
      以下のファイルを試してみてもらってよろしいでしょうか。
      https://wp-simplicity.com/wp-content/uploads/2016/11/simplicity2-10.zip

    • #47522
      アバター画像わいひら
      キーマスター

      上のファイルを適用した状態でも、またエラーが出るドメインがあったら、書き込んでいただけると助かります。
      すぐに修正したいと思います。

    • #47526
      みき
      ゲスト

      ggpht.comがありました

    • #47528
      みき
      ゲスト

      追加させる場所とやり方がわかったので
      コードを追加させたら表示できました

    • #47541
      三郎
      ゲスト

      私の環境では今のところ2.10verでアプリーチは問題なく使えています。早すぎる対応感謝いたします。

    • #47543
      アバター画像わいひら
      キーマスター

      みきさん、そのドメインは出たことがありませんでした。ありがとうございます。
      とりあえず、手元のファイルをggpht.comにも対応させておきました。
      次のバージョンでアップしようと思います。
      皆様、動作確認ありがとうございます。

    • #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]
      
    • #47566
      アバター画像わいひら
      キーマスター

      ご報告ありがとうございます!
      修正したものをSimplicity2.4.0dとしてアップしてみました。
      https://wp-simplicity.com/downloads/downloads2/
      よかったら試してみていただけると幸いです。

    • #47574
      古沢伸介
      ゲスト

      早速の対応ありがとうございます。

      2.4.0dに更新したところ、AMPエラーは出なくなったことを確認しました。

    • #47602
      アバター画像わいひら
      キーマスター

      動作確認ありがとうございます!

    • #60714
      大輔
      ゲスト

      失礼いたします

      「アプリーチ AMP」で検索したところ
      このページに行き当たりました

      よろしければ
      Cocoonにも「アプリーチ」AMP最適化を
      お願いできないでしょうか

      よろしくおねがいします

    • #60717
      アバター画像わいひら
      キーマスター

      次のバージョンで対応させておこうと思います。
      実際には同じコードは書かれていましたが、処理の順番が間違っていたようです。

      ただ、次のバージョンのCocoonでうまくいかないようであれば、もう一度Cocoonのフォーラムの方に書き込んでいただければと思います。

41件の返信スレッドを表示中
  • このトピックに返信するにはログインが必要です。
スポンサーリンク
アドセンス(大)
アドセンス(大)