Google AMP html - 插入沒有src屬性的amp-iframe

Question

我試圖在AMP頁面中運行腳本。

在src屬性中沒有我需要加載的頁面;我的腳本應該注入一個和正確的src（它在第一次加載時是未知的，僅在接收到我的腳本發出的請求時纔會收到）。

這在AMP中可能嗎？

聲明：我接受不同的方法來完成相同的結果 - 在AMP頁面中注入和src屬性。

謝謝

Answer 1

的AMP頁面不能包含在首位任何JavaScript，所以這是行不通的：https://www.ampproject.org/docs/reference/spec.html#html-tags

Answer 2

，以實現自己的目標的唯一方法是：

1. 創建一個帶有src屬性的iframe，指向您在該頁面中控制的一個HTML頁面
2. 加載執行該工作的Javascript。您可以在此示例中看到類似的方法：https://ampbyexample.com/advanced/how_to_create_interactive_amp_pages/

Answer 3

正如@ade所述，您可以將其關閉。想想像這樣.....

您將擁有一個HTTPS資源，您可以點擊該資源將返回空白iframe以及填充iframe所需的所有JS代碼。所以基本上一個完整的功能頁面將被返回到AMP-IFRAME。

從AMP-IFRAME標記的src屬性調用此函數將會拉入包含空白iframe和所有填充或操縱它的腳本的頁面。因此，您的所有自定義代碼都在AMP-IFRAME標籤內發生，但其所有資源均位於AMP-IFRAME標籤所引入和呈現的嵌入式iframe標籤內。

我們有一個自定義視頻播放器，其工作方式與您所談論的非常相似。我創建了一個可以通過HTTPS命中的模板，該模板返回一個包含我們視頻iframe的頁面，幷包含所有腳本以播放並操作它。它都包含在一個漂亮整潔的小包中，使用AMP-IFRAME所需的唯一東西就是擴展它的腳本。查看所有AMP-FRAME文檔here。

希望這會有所幫助。