document.title value for modern SharePoint pages

Question

question

ChristopheVandeput-7716 asked · Mar 02 at 09:50 AM

document.title value for modern SharePoint pages

Hi,

I have some JavaScript injected on my modern SPPages.
JavaScript file hosted in the MasterPageGallery and injected by Application Customizer (SPFx).

In the JavaScript code I want to use document.title to log some data to an external system at page loading.
Now I see that my external system (very) often receives the title of previous page. So it seems that document.title is not updated yet.
Is this due to partial loading of page components of modern pages?

Any idea's?

Kind Regards

Vandeput

office-sharepoint-online

10 |1000 characters needed characters left characters exceeded

Attachments: Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Answer 1 · 2021-03-11T10:24:33.613Z

ChristopheVandeput-7716 answered · Mar 11 at 10:24 AM

Hi, I did some testing.
And my issue is due to the partial page loading mechanism of Modern SharePoint pages.
In some cases the document.title isn't updated correctly when I need it, it still the old value. If you wait few moment, it will be updated with the new version.

So I need to do this in my Application Customizer itself.
Check to following post for more info : https://blog.velingeorgiev.com/page-hit-when-SPA-page-transitioning-modern-sharepoint-sites

· 1 ·

10 |1000 characters needed characters left characters exceeded

Attachments: Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Jerryzy-MSFT · Mar 12 at 04:58 AM

Hi @ChristopheVandeput-7716 ,

Great hear the partial page loading issue is resolved by Window.SetTimeOut and Thanks for your sharing.

I suggest you can acccept your own reply as answer so that it could also help others who have the similiar question in the forum.

Thanks
Best Regards

0 ·

Answer 2 · 2021-03-03T07:32:04.73Z

Jerryzy-MSFT answered · Mar 03 at 07:32 AM

Hi @ChristopheVandeput-7716 ,

document.title should be updated when the modern page title changed, I tested with application customizer inject with a simplest JavaScript file like this, just like this:

Then inject in Application Customizer:

After deploying to App Catalog, it's working as expected for the document.title value update:

Thanks
Best Regards

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

snipaste-2021-03-03-15-27-54.png (13.4 KiB)

snipaste-2021-03-03-15-28-58.png (34.7 KiB)

snipaste-2021-03-03-15-30-22.png (54.8 KiB)

snipaste-2021-03-03-15-31-03.png (52.9 KiB)

·

10 |1000 characters needed characters left characters exceeded

Attachments: Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Answer 3 · 2021-03-03T16:06:59.183Z

ChristopheVandeput-7716 answered · Mar 03 at 04:06 PM

I will try to simulate like you did with an alert. I will update when I have more info.

· 2 ·

10 |1000 characters needed characters left characters exceeded

Attachments: Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Jerryzy-MSFT · Mar 04 at 06:19 AM

Sure. will wait for your information :)

0 ·

Jerryzy-MSFT · Mar 09 at 08:00 AM

Hi @ChristopheVadeput-7716,

Is there any update ? Did you try to test with alert like the answer above ? And if it work ?

Thanks
Best Regards

0 ·

question