在 Apostrophe CMS 項目中包含外部 3rd 方腳本

Question

如何從 Apostrophe CMS 中的自定義模塊推送 3rd 方腳本？

我正在按照這個有用的教程為我的 Apostrophe CMS 站點構建一個表單。 我需要在表單（ https://developers.google.com/recaptcha/docs/display ）上放一個 reCaptcha 東西，我沒有遵循如何從谷歌包含所需的腳本。 請注意，我需要通過腳本文件包含 url 傳入一個變量，即： <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

是否已經創建了一個小部件（如Apostrophe-twitter ），我可以參考它來了解如何包含這個額外的腳本？

**編輯我可以通過在我的根模板中創建一個塊來完成工作，即： {% block customAssets %} {% endblock %} ，然后用我的聯系表單小部件中的必要包含“填充”塊：小部件.html 文件。 有沒有更好的方法來完成這項任務？

Answer 1

我是 P'unk Avenue 的 Apostrophe 的首席開發人員。

在大多數情況下，您可以調用pushAsset ，就像我們的模塊一樣（您鏈接到的教程中有示例），並使用 .less 和 .js 文件填充模塊的public/css和public/js子目錄。

但是對於這種情況，由於 URL 是外部的並且需要查詢參數，因此並沒有真正的內置解決方案。 畢竟，Apostrophe 的資產推送機制的很大一部分重點是縮小，這在這里並不適用。 從外部加載資產是......好吧......外部。

因此，outerLayout 中的塊對您的場景非常有意義。

希望這是有幫助的！