Javascript не работает на моем Wordpress Post

Question

Я пытаюсь создать P ie -Chart на своем посту WP. Я добавил этот тег сценария в заголовок и нижний колонтитул, используя insert header and footer plugin:

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

, и после этого я написал некоторую строку пользовательского Js кода в моем Wordpress Post Editor, чтобы сгенерировать график, который выглядит следующим образом:

<script type="text/javascript">
    google.charts.load('current', { 'packages': ['corechart'] });
    google.charts.setOnLoadCallback(drawChart);
    function drawChart() {
        var data = google.visualization.arrayToDataTable([
            ['Age-Group', 'Age Group'],
            ['Male', 8],
            ['Female', 8]
        ]);
        var options = { 'title': '', 'width': 550, 'height': 400 };
        var chart = new google.visualization.PieChart(document.getElementById('piechart'));
        chart.draw(data, options);
</script>

Но на моей странице нет графика. Проблема в том, что я могу разместить свой код с помощью плагина верхнего и нижнего колонтитула. Потому что я хочу изменить значения графиков в редакторе сообщений.

JS Работа в WP редакторе сообщений не работает:

Я тестировал эту строку поверх моего опубликовать содержимое, и оно работает:

<script>alert('Testing JS');</script> 

Но когда я пытаюсь использовать тот же код оповещения в этой структуре:

<script>
    alert('Testing JS');
</script>

Затем он перестал даже выдавать окно оповещения. Это странное поведение, которое я получаю в течение 2 дней. может кто-нибудь подсказать мне, что я делаю не так?