Embed Code Not Being Recognized

I installed the plugin, followed the instructions for gutenberg to create a custom field called “tour_script”. The value of “tour_script” is:

<script type="text/javascript">
<!--
// bootstraptour-bill-home.js file
//css selector  .gb-container-1c23c1e6 > div:nth-child(1)
(function($) {
	
    var tour = new Tour({
        backdrop: true,
        steps: [
        {   
            element: ".gb-container-1c23c1e6 > div:nth-child(1)",
            title: "Step 1 DP",
            content: "Welcome, exit, resume, etc.."
        },  
        {   
            element: "#iaa_avatarPreviewContainer",
            title: "Step 2 DP",
            content: "Avatar Intro"
        }]  
    }); 

    tour.init();

    // This will load on each page load or refresh.
    // You may want to change this behaviour according to your need.
    // e.g. show the tour on a click even of a custom notice or button
    // within admin panel dashboard.
    $( window ).load( function() {
        tour.start( true );
    });
})( jQuery );
-->
</script>

I previously tested the script by inserting it in the page directly and by inserting it in the header before I found your plugin.

However, when I trace to place {{tour_script}} into my page… After a page update, when I view the new… the “tour_script” is not run, and “{{tour_script}}” appears like a <p> tag output.

Am I missing something?