Extension request: Add custom JS, CSS and html tags to <head>

justshipit

Hello, could not find a solution to inject my own code between <head></head>.

Anyone interested to make such extension?

jordanjay29

Like metadata and additional CSS/Javascript sheets?

justshipit

jordanjay29 correct. Use case: Let's say you have one-liner snippet with JS from 3rd party tool you want to add to <head>.

Davis

You can use my custom header extension for that

justshipit

@Davis I want custom CSS/JS/metatags to be injected to <head></head>, not custom header ?

header != <head>

From the settings dashboard look it could look as simple as one window where you can put stuff like:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
<script src="//xxxxxxxx" async="async"></script>

and so on.

Hope this helps ?

Davis

justshipit I know. You could leave the header html box blank. The code you put in the JS box is injected into the <head> tag.

justshipit

Davis right, but no matter what I put, my code will be wrapped in yours <script> </script> tags. Could you modify the plugin and not add your <script> tags?

I want to be able to put a line like this:

<script src="//somehost.com/awesome-widget.js" data-x-id="74636472378326101" async></script>

Davis

justshipit It might be a bit of a hack but try putting

</script><script src="//somehost.com/awesome-widget.js" data-x-id="74636472378326101" async></script><script>

justshipit

Davis Yes, that's how I am solving it for now ?

bertaveira

Davis I believe that doesn't work anymore. I have tried (on beta 7.2) and the entire css of the website just stops working. I inserted the code in the custom css in the appearance tab.

justshipit How did you solved it now? Or do you not use it anymore

chaosbunker

I am looking for a way to inject code in the <head> tags. Using the core feature only works for the header...

How could I do that?

Toby

We should probably add this to core...

PeteCrighton

Toby I don’t think this has been added yet? Is there a plugin or another possibility to do this, apart from manually editing core/views/app.blade.php (and remembering it when updating)?

gricelsepulveda

I've been reading the answers and the extension made for this is already abandoned. What's the right way to do this?

Ralkage

gricelsepulveda check the appearance tab in your Admin CP and look for "Custom Header".

gricelsepulveda

Ralkage but custom header doesn't support custom propierties into <head></head> tag of the page. Custom header renders html code below the <body> tag ...

Zeokat

This functionality can't be achieved. <head> isn't the same as header.

Frink

bertaveira There is now a custom header function in Flarum's ACP

OrdinaryJellyfish

Frink There's been a custom header function for a while. He's asking for putting HTML in the <head>, not in the header.