أضف محتوى ديناميكي إلى <head> - AMP - أي نصائح؟

الدعم
1

هل يمكن لأحد أن يوضح لي كيفية إدراج جزء من الكود في الرأس (header) مع محتوى ديناميكي يتم توليده عبر معرف الطلب (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>

أعتقد أن إضافة (plugin) مطلوبة للقيام بذلك!
إنه يشبه \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>

لكن عند عرض المصدر لا يظهر، بل يظهر فقط عند تنفيذ جافا سكريبت.
فكيف يمكن عرضها من البداية؟

13-03-20

حاولت التعديل بإضافة <xhtml:link rel="amphtml" href="" /> إلى خريطة الموقع.
نموذج: GitHub - bcat95/discourse-sitemap: Generate XML sitemap for your Discourse forum. · GitHub

14-03-20

نجح الأمر، حيث بدأت جوجل في فهرسة صفحات AMP