How can I add code in between <head> </head>

navneetsingh

I am trying to add my Google Webmaster meta tag into the <head> through custom HTML but it does not seems to work.

Code that I need to put;
<meta name="google-site-verification" content="xxx" />

clarkwinkelmann

We're still missing a proper way to do it.

But there's apparently an easy hack with the header extension here https://discuss.flarum.org/d/2801-extension-request-add-custom-js-css-and-html-tags-to-head/9

navneetsingh

clarkwinkelmann I put the code into my custom header file and now the site is not loading. ?

Is there any other manual way to edit the custom header file? My admin panel is also not loading

navneetsingh

clarkwinkelmann Can you tell me which script should I write to put "<meta name="google-site-verification" content="xxx" />" inside <head>

clarkwinkelmann

Check the settings table in the database, that's where everything is saved. Not sure about the name of the field though ?

navneetsingh

clarkwinkelmann Thanks, man. You saved me. ?
I was shit scared of losing everything and reinstalling again.

clarkwinkelmann

navneetsingh

Based on the content of the thread I linked, something like the following should work:

</script>
<meta name="google-site-verification" content="xxx" />
<script type="text/javascript">

(it closes the script area, add your tag then re-opens the script area)

I don't have the extension installed so I'm unable to test. I recommend you try it offline first so you don't crash your real forum if it's wrong ?

brian85

hello, I tried this way https://wilcosky.com/2019/05/26/how-to-add-code-to-flarums-head/ but unfortunately my forum isn't loading after that, here is the way i made it in my Extend.php :

use Flarum\Extend;
use s9e\TextFormatter\Configurator;


return [
    // Register extenders here to customize your forum!
    (new Extend\Formatter)
        ->configure(function (Configurator $config) {

            $config->MediaEmbed->add(
                'ggmaps',
                [
                    'host'    => ['google.com'],
                    'extract' => [
                        "!google\.com/maps/d/u/0/viewer\\?mid=(?'id'[-.&=0-9A-Z_a-z]+)!",
                        "!google\.com/maps/d/u/0/viewer\\?hl=(?'hl'[a-z]+)&mid=(?'id'[-.&=0-9A-Z_a-z]+)!",

                    ],
                    'iframe'  => [
                        'width'  => 640,
                        'height' => 480,
                        'src'    => 'https://www.google.com/maps/d/embed?mid={@id}'
                    ]
                ]
            );

        }),

        // Via waze
        (new Extend\Formatter)
        ->configure(function (Configurator $config) {

            $config->MediaEmbed->add(
                'waze',
                [
                    'host'    => ['waze.com'],
                    'extract' => [
                        // <iframe src="https://embed.waze.com/iframe?zoom=9&lat=45.942556&lon=1.035461&ct=livemap" width="600" height="450" allowfullscreen></iframe>
                        //"!google\\.com/maps/d/embed\\?mid=(?'id'[-.&=0-9A-Z_a-z]+)!",
                        //"!<iframe src=\"https://embed\\.waze\\.com/iframe\\?zoom=9\\&lat=(?'lat'[.0-9]+)\\&lon=(?'lon'[.0-9]+)\\&ct=livemap\" width=\"600\" height=\"450\" allowfullscreen></iframe>!",
                        "!embed\\.waze\\.com/iframe\\?zoom=9\\&lat=(?'lat'[.0-9]+)\\&lon=(?'lon'[.0-9]+)\\&ct=livemap!",

                    ],
                    'iframe'  => [
                        'width'  => 640,
                        'height' => 480,
                        'src'    => 'https://embed.waze.com/iframe?zoom=9&lat={@lat}&lon={@lon}&ct=livemap'
                    ]
                ]
            );

        }),
		
		
		(new Extend\Frontend('forum'))
        ->content(function (Document $document) {
            $document->head[] = '
            <link rel="apple-touch-icon" sizes="180x180" href="https://forum.triumphall.com/assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://forum.triumphall.com/assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="194x194" href="https://forum.triumphall.com/assets/favicon-194x194.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://forum.triumphall.com/assets/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://forum.triumphall.com/assets/favicon-16x16.png">
<link rel="manifest" href="https://forum.triumphall.com/assets/site.webmanifest">
<link rel="mask-icon" href="https://forum.triumphall.com/assets/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="https://forum.triumphall.com/assets/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="https://forum.triumphall.com/assets/browserconfig.xml">
<meta name="theme-color" content="#506b90">
            ';
        })				
];

clarkwinkelmann

brian85 what's the error message ? Check browser console for javascript errors and Flarum logs at <flarum>/storage/logs for PHP errors.

brian85

Thank you, I've found my mistake, I have forget to import Document class... shame on me 🤦‍♂️ but I dont see my head modified... not really solved...

brian85

So, my head is modified on mobile only so it's ok for what I want, I just dont see the message inviting to install the web app but it's OK the head tag is changed.

clarkwinkelmann

This sounds like a cache issue. Try clearing Flarum/Cloudflare/browser cache. You could also do a quick try in private browsing to see if it is the browser cache.

brian85

Yep it's ok now ! the next step adding PWA to the forum ! Nice ! 👍