I made a script to share on social networks that is fixed on the side

SeguirBlog

Hello developer,

I made a script to share on social networks that is fixed on the side of the site.

Being able to put it on my forum directly in the vendor/flarum/core/views/frontend/forum.blade.php file

But there is a problem with linking to the URL by this PHP programming

`<?php
if(isset($SERVER['HTTPS']) && $SERVER['HTTPS'] === 'on')
$url = "https://";
else
$url = "http://";
// Append the host(domain name, ip) to the URL.
$url.= $_SERVER['HTTP_HOST'];

// Append the requested resource location to the URL   
$url.= $_SERVER['REQUEST_URI'];

<?php echo $url; ?>

Only when he changes the page when he goes to share the page remains the same when he accesses the site doesn't change the URL

Can any developer fix this and put it in an extension so you can install and use us?

see the demo here
https://divulgue.blog.br/teste-sharer.php

https://ibb.co/fngDQYx

Anyone who wants can download the original file here and do it here.
https://divulgue.blog.br/sharer.zip

clarkwinkelmann

SeguirBlog Flarum is a single page app, its HTML template is only generated once per browsing session, and subsequent page changes are managed with javascript.

You can put a custom widget in the page HTML outside of the single page app root and it will work fine, you should just retrieve the current page URL using javascript.

For more advanced tools, you will need to use the Flarum extension API to hook into the single page app hooks using javascript.

SeguirBlog

clarkwinkelmann Hello, can you tell me how I can retrieve the URL of the current page using javascript here on the forum?

clarkwinkelmann

SeguirBlog it can be as simple as window.location.href

When you are inside of a discussion, you might want to clean up the URL to be the canonical URL to the first post instead of the current post number, you should be able to achieve this with simple string operations on the href value.

SeguirBlog

clarkwinkelmann Hello is to display on the right page right inside the URL link of the social network display like this https://twitter.com/intent/tweet?text=&url=<script>document.write(document.URL);</script>

clarkwinkelmann

SeguirBlog I don't think that would work.

You could generate the URL with 'https://twitter.com/intent/tweet?text=&url=' + encodeURIComponent(window.location.href), this returns a string.

If you are building your HTML with javascript, you can assign that string as the link href value.

If you must use entirely inline javascript, you could use one of:

href="javascript:window.open('https://twitter.com/intent/tweet?text=&url=' + encodeURIComponent(window.location.href), '_blank')"

onclick="window.open('https://twitter.com/intent/tweet?text=&url=' + encodeURIComponent(window.location.href), '_blank')"

If using onclick together with a a, you'd need to not include href, which might not be semantically correct. Best to use a button or div with ideally aria- tags to describe its purpose.

SeguirBlog

clarkwinkelmann hello perfect it worked thanks for the help friend

I used this code below

onclick="window.open('https://twitter.com/intent/tweet?text=&url=' + encodeURIComponent(window.location.href), '_blank')"

Thanks!