How do I add a script just above the closing body tag?

Question

How do I add a script on Drupal 8 site/app just above closing body tag?

Vendor provided some JS in the following form:

<script>
    ... code
</script>

Asked me to place immediately above </body>.

The script was only to run for Anonymous traffic.

Here's how I did it:

THEME = name of your theme

1. Removed <script> and </script> from code
2. Minified using https://javascript-minifier.com/
3. Created file name-of-my-script.min.js
4. Uploaded to THEME/js/custom/name-of-my-script.min.js
5. Added library to bottom of THEME.libraries.yml

name-of-my-library:
  version: 1.0
  js:
    js/custom/name-of-my-script.min.js: {preprocess: false} // {preprocess: false} is responsible for code showing up above </body>

6. Added the following code to THEME.theme to an already existing function: function THEME_preprocess_page(&$variables) {}

$logged_in = $variables['logged_in'];
    if (!$logged_in) {
    $variables['#attached']['library'][] = 'THEME/name-of-my-library';
}

7. Cleared cache.

Resourses that helped:

• https://www.drupal.org/docs/8/api/javascript-api/add-javascript-to-your-theme-or-module
• https://www.drupal.org/docs/8/creating-custom-modules/adding-stylesheets-css-and-javascript-js-to-a-drupal-8-module

Answer 1

You can achieve this simply by using jquery. If you want to access it from all theme pages you need to add the below line in your global common js file which has access to all the theme pages in the app.

$('body').append('<script src="/name-of-your-library"></script>');