Magento 2で外部jsを追加する方法


11

headタグに次のリンクを追加したいのですが、404エラーが返されます。誰かがこれを手伝ってくれる?

<script  type="text/javascript"  src="https://www.google.com/recaptcha/api.js"></script>

この記事に従ってください。inchoo.net/magento-2/…それらの人は素晴らしいです:)
Ashvini Marwal

レイアウトファイルを使用する必要があります。リンクとファイルではないことに注意してください
Sivakumar K

回答:


26

テキスト方式ではなくスクリプト方式を使用することをお勧めします。他の開発者が理解しやすく、コードが少なく、Magentoの公式指示に準拠しています。

これを行うには、通常と同じスクリプトまたはリンクXMLを使用しますが、を含めますsrc_type="url"公式ドキュメントに記載されているように

<?xml version="1.0" ?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="https://www.google.com/recaptcha/api.js" src_type="url"/>
    </head>
</page>

結果

ここに画像の説明を入力してください


今までスクリプトタグでsrc_typeを指定できることを知りませんでした:)
Smartie

パラメータ付きのスクリプトを追加する方法は?<script src = "// maps.googleapis.com/maps/api/js?key=APIKEY&libraries=places" src_type = "url" />
Sunny Khatri

&magento 2のスクリプトタグで受け入れない
Sunny Khatri

4

これをグローバルに追加する場合、最も簡単な方法は、管理領域から追加することです。

[ストア]> [構成]> [デザイン]に移動し、[HTMLヘッド]タブでその他のスクリプトを追加できます。

ただし、xmlを使用して追加できます。たとえば、ホームページに追加したいだけの場合は、カスタムモジュール内のレイアウトファイルview / frontend / layout / cms_index_index.xmlに以下を追加します。

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="https://www.google.com/recaptcha/api.js" src_type="url"/>
    </head>
</page>

ちなみに、jsをヘッドに配置しないようにできる場合は、jsが完全にダウンロードされるまでブロッキングがレンダリングされます。


1つのカスタムページのみが必要です。
Sivakumar K 2016

そのような情報は最初に知っておくと役に立ちます:)私は私の投稿を更新します。
Smartie 2016年

アクションタグは廃止されました。詳しくは、devdocs.magento.com / guides / v2.0 / frontend-dev-guide / layouts /…をご覧ください。
Ben Crook 2016年

パラメータ付きのスクリプトを追加する方法は?<script src = "// maps.googleapis.com/maps/api/js?key=APIKEY&libraries=places" src_type = "url" />
Sunny Khatri
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.