add raw HTML with [removed] inside Gatsby React page

Question

I am trying to add an external embed code to my Gatsby page.

I currently use

import React from \'react\'
import Link from \'gatsby-link\'


let test          


        

Answer 1

You can inject external scripts (with no npm modules) to gatsby.js project in many ways. Prefer to use respective gatsby-plugin for "web-analytics" scripts.

Using require() :

• Create a file in your project myScript.js and paste the script content

• Add const myExtScript = require('../pathToMyScript/myScript')
  to a statefull component at the Pages folder inside render() and before return() if you want to execute that script only at that page(=page/component scope).

  export default class Contact extends React.Component {  
    render() {  
     const myExtScript = require('../pathToMyScript/myScript')  
      return (
        ........       
                 )}
  

• If you want to execute script in the global scope (=in every page/ component):
  add it in html.js