איך להטמיע ג'אווהסקריפט ב HEAD של ה HTML בוורדפרס ?

לא מעט נצטרך להטמיע קוד ג'ואווהסקריפט צד שלישי ב באיזור ה HEAD של אתר הוורדפרס שלנו.
למשל קוד מעקב של גוגל אנלטיטקס

איך נעשה זאת ?
נשתמש בקרסים שוורדפרדס מאפשרת לנו ונבנה פונקציה שמופעלת כאשר הקרס של ה HEAD מופעל. וורפרדס תטמיע עבורנו את הסקריפט ישר לאיזור ה HEAD

את הקוד נשתול בקובץ functions.php  (אם אפשרי, בקובץ שנמצא בתבנית הבת שיצרנו עבור התבנית המקורית)
קוד לדוגמא עבור קוד של גוגל אנליטיקס שהתבקשנו לשתול באתר:

add_action( 'wp_head', 'new_head_script' );

function new_head_script(){
?>

<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'GA_TRACKING_ID');
</script>

<?php
}