<head>に動的コンテンツを追加する AMP のコツはありますか？

サポート
1

ヘッダーに POST ID で生成された動的コンテンツを含むコードを挿入する方法を教えてください！

image
image1372×412 67.2 KB

試してみましたが、head と body の外に出てしまいました。さらに、ページ読み込み後にしかレンダリングされず、view-source では表示されません。

<script type="text/x-handlebars" data-template-name="/connectors/PLUGIN-OUTLET-NAME/UNIQUE-NAME">
</script>

これを実現するにはプラグインが必要だと思います！
\app\helpers\application_helper.rb のようなものです。

追記：過去の投稿 Add rel="amphtml" to head - any tips?

3

私は以下を使用しました：

<script type="text/discourse-plugin" version="0.8">
    api.onPageChange((url, title) => {
        var res = url.match(/\/t\/(.*?)\/(\w+)/);
        if (res && res[2] > 0) {
            var amp = 'domain/amp/t/'+res[2];
            if (document.getElementById("amphtml")) document.getElementById("amphtml").href = amp;
            else{
                var link=document.createElement('link');
                link.id='amphtml';
                link.rel='amphtml';
                link.href=amp;
                document.getElementsByTagName('head')[0].appendChild(link);
            }
        }
    });
</script>

しかし、ソースを表示しても表示されず、JavaScript が実行されたときのみ表示されます。
では、最初からレンダリングするにはどうすればよいでしょうか？

2020-03-13

Sitemap に <xhtml:link rel="amphtml" href="" /> を追加して変更を試みました。
デモ: GitHub - bcat95/discourse-sitemap: Generate XML sitemap for your Discourse forum. · GitHub

2020-03-14

成功しました。Google が AMP ページのインデックス作成を開始しています