Сбой валидации социальной акции Amp, но компонент работает

Я использую социальную акцию Amp в проекте. Функция социальной сети работает, как и ожидалось, но после проверки я получаю следующую ошибку:

The tag 'amp-social-share' is disallowed.

В моем заголовке я ссылаюсь на: https://cdn.ampproject.org/v0/amp-social-share-0.1.js

В теле я включаю несколько <amp-social-share> компоненты:

<div class="social-share">

  <amp-social-share type="pinterest" width="35" height="35" data-text="MY_TEXT" data-url="MY_URL" data-attribution="MY_ATTR">
    <div>
      <a class="custom">MY_SVG</a>
    </div>
  </amp-social-share>

  <amp-social-share type="twitter" width="35" height="35" data-text="MY_TEXT" data-url="MY_URL" data-attribution="MY_ATTR">
    <div>
      <a class="custom">MY_SVG</a>
    </div>
  </amp-social-share>

  <amp-social-share type="facebook" width="35" height="35" data-text="MY_TEXT" data-url="MY_URL" data-attribution="MY_ATTR">
    <div>
      <a class="custom">MY_SVG</a>
    </div>
  </amp-social-share>

  <amp-social-share type="gplus" width="35" height="35" data-text="MY_TEXT" data-url="MY_URL">
    <div>
      <a class="custom">MY_SVG</a>
    </div>
  </amp-social-share>

</div>

Насколько мне известно, они настроены в соответствии со спецификацией здесь: https://github.com/ampproject/amphtml/blob/master/extensions/amp-social-share/amp-social-share.md

Есть ли что-то, что я пропускаю, что поможет мне проверить этот компонент?

1 ответ

Решение

Причина ошибки проверки The tag 'amp-social-share' is disallowed потому что amp-social-share является экспериментальным компонентом и еще не находится в валидаторе. Это сбивает с толку, так как в настоящее время он указан как "Расширенный компонент" на ampproject.org.

Также обратите внимание, что общие имена классов, такие как twitter может быть изменено на более описательные имена, такие как amp-social-share-twitter, См. https://github.com/ampproject/amphtml/issues/1201

Другие вопросы по тегам