Magento – Magento 2 add script before closing body tag

javascriptmagento2

What is the proper way to add a script before the closing body tag in magento 2?

I want it to be available to all pages.

UPDATE:

I've got in myvendor/mytheme/Magento_Theme/layout/default.xml with:

<referenceContainer name="before.body.end">
    <block class="\Magento\Framework\View\Element\Template" template="Theme_Module::js.phtml" name="module_js"/>
</referenceContainer>

And the js.phtml inside /Magento_Theme/templates

Should that be right?

Best Answer

You can do it with layout

    <referenceContainer name="before.body.end">
        <block class="\Magento\Framework\View\Element\Template" template="You_Module::js.phtml" name="module_js"/>
    </referenceContainer>

and in js.phtml

<script src="//cdn.javascrip.com/test.js" />

Related Solutions

Magento 2 – Add Content Before Body Closing Tag on Every Page

You can use before.body.end as the reference name and add the block using layout/default xml

Here is an example: Magento 2 add script before closing body tag

Look at KAndy's answer.

JavaScript – Adding JavaScript Before Closing Body Tag in Magento 1.9

If you want to do it with layout XML instead of the system configuration, for example because you are developing an extension or only need it on certain pages, use the before_body_end container. You can put the JavaScript in a template:

<reference name="before_body_end">
    <block type="core/template" name="any_unique_name_here" template="path/to/your/template.phtml" />
</reference>

Or add it as a text block directly in XML:

<reference name="before_body_end">
    <block type="core/text" name="any_unique_name_here">
        <action method="setText">
            <text><![CDATA[
<script type="text/javascript">
console.log('It works!');
</script>
]]></text>
        </action>
    </block>
</reference>

Best Answer

Related Solutions

Magento 2 – Add Content Before Body Closing Tag on Every Page

JavaScript – Adding JavaScript Before Closing Body Tag in Magento 1.9

Related Topic