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

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

このトピックには41件の返信が含まれ、2人の参加者がいます。2 ヶ月、 1 週前わいひら わいひら さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #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のフォーラムの方に書き込んでいただければと思います。

返信先: amp表示におけるアプリーチのエラーについて
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)