<head>에 동적 콘텐츠 추가 - AMP - 팁이 있나요?

지원
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>

하지만 소스를 보기(View Source)할 때는 나타나지 않고, 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 페이지를 색인화하기 시작했습니다.