Add a <script> tag in <head></head>

CNMathon

I need to add a <script> tag in <head></head>.
How should I do?

[deleted]

CNMathon You can do this from the admin portal in Flarum.

Administration -> Appearance -> Edit Custom Header

brian85

CNMathon It's not the recommended place to add js in header you know ? The good practice is to add js at the bottom of html.

CNMathon

[deleted] I got it. Thanks! 😀

010101

Don’t roll your eyes at me but that technically doesn’t add the code to the head. It adds it to the header area within the body. But, it’ll work for most things. However, I’ll offer another way... although it does require manually adding to your main extend.php file and if you don’t do it just right you’ll get a 500 server error. 😬

https://discuss.flarum.org/d/20162-how-to-add-to-head-head

Hmm... I bet this would be a fairly easy extension to make. So that from the admin there is the existing header custom code box, but just above that an actual head code box.

[deleted]

010101 You're right, although the custom header does satisfy most needs unless it's specific - like changing the color of the Chrome header on Android and Safari - if you attempt to do this in the "conventional way" in the GUI, it's added too late in the header and overwritten. To work around this, you'd need to configure extend.php in your flarum root such as the below

use Flarum\Extend;
use Flarum\Frontend\Document;

return [
    (new Extend\Frontend('forum'))
        ->content(function (Document $document) {
        $document->meta['theme-color'] = '#12171a';
    })
];

brian85

[deleted] I was'nt know this case, what is the use case of this adjustment ? Is it specific to Apple devices ?

[deleted]

brian85 No. It;s essentially the address bar color in Chrome on Android, and also Safari - see this for an explanation - https://www.pareto-design.com/the-blog/2017/6/16/how-to-change-the-color-of-header-baraddress-bar-in-chrome-for-android

[deleted]

brian85 That's also correct. META tags belong in the header, but JS doesn't

myartahir

[deleted] how to add pages in main top menu like this site https://discuss.flarum.org/

cmcjacob

If you need to execute JS before page load (not at the end of body) I think you should make an extension.

GreXXL

myartahir it's this extension: https://discuss.flarum.org/d/18335-friendsofflarum-links

myartahir

GreXXL how to run these commands? and where? I have namecheap shared hosting. https://trickyinfopro.com/ my site link.

myartahir

GreXXL it show this error "Installation failed, reverting ./composer.json and ./composer.lock to their original content."

GreXXL

myartahir I recommend reading the docs on how to install an extension: https://docs.flarum.org/extensions.html#installing-extensions

myartahir

GreXXL thank you so much. can you guide me how to add adsense ads in discussion

clarkwinkelmann

myartahir Composer error messages are usually multiple lines. The reason for the error should be explained in the line(s) above that you didn't copy.