Magento – Add inline JavaScript to the head of Magento 2.1

inline()javascriptmagento-2.1

I'm trying to add BugHerd (an issue tracking tool) to my Magento 2.1 project, which requires I add the following script into the <head> tag:

<script type='text/javascript'>
  (function (d, t) {
     var bh = d.createElement(t), s = d.getElementsByTagName(t)[0];
     bh.type = 'text/javascript';
     bh.src = 'https://www.bugherd.com/sidebarv2.js?apikey={my api key}';
      s.parentNode.insertBefore(bh, s);
  })(document, 'script');
</script>

There are many questions on this topic referencing old Magento versions, but I can't seem to find an updated answer. Any ideas?

Thanks!

Best Answer

Hi you can also use the backend of magento 2 website.

Just add the bugherd JS code in Content>Design>Configuration>"Your Current Store" and just like the picture insert your JS code there and save.

I hope this helps.

Related Solutions

Add Javascript File to Head for Create Block in Magento

The layout and blocks are kind of in a 'one direction' relation. I mean you can reference blocks in the layout but you cannot load layout files when creating an instance of a block. Actually you could but it's not the best idea to do so. Layouts should be called by the controllers.
When manually creating an instance of a block it has nothing to do with the layout files.
As for the second part, adding a js to the head, you have the right idea. It's done like you tried:

Mage::app()->getLayout()->getBlock('head')->addJs('js/path/here.js');

BUT... If the head block is already rendered then it has no effect. You have to make sure the js is added to the head after loadLayout() has been called in the controller action and before you call renderLayout() in the same action.

How to Add JavaScript Code to Head Tag for Success Page Only

Take the code that @cyk provided and save it to app/design/frontend/base/default/template/cj/udo.phtml.

Then, in your local.xml layout file, add the following:

<checkout_onepage_success>
    <reference name="head">
        <block type="core/template" name="cj_udo" template="app/design/frontend/base/default/template/cj/udo.phtml" />
    </reference>
</checkout_onepage_success>

If your site allows multi-address shipping, you'll also want to add this:

<checkout_multishipping_success>
    <reference name="head">
        <block type="core/template" name="cj_udo" template="app/design/frontend/base/default/template/cj/udo.phtml" />
    </reference>
</checkout_multishipping_success>

Those layout handles ensure the code will only be added on the success page(s).

Best Answer

Related Solutions

Add Javascript File to Head for Create Block in Magento

How to Add JavaScript Code to Head Tag for Success Page Only

Related Topic