Google Workspace custom domain logo

[richardvandelft]

Hi,

Within the top right cornor of Google Workspace we have uploaded a company logo.  As explained on this help page: https://support.google.com/a/answer/96474

Unfortunately Google only allows 1 domain logo. As there are several brands we needed a logo per OU.

Hence we developed a Chrome extension that we mandatory push to certain OUs. The Chrome extension replaces the default domain logo with the logo for the OU. So far, so good.

Unfortunately Google seems to change often the CSS that is used. As a result, the code often breaks. E.g. the custom logo had first the CSS class "gb_Cc.gb_Ba.gb_Ea" and was changed to "gb_Dc.gb_ta.gb_wa". Not handy when you rely on the class name for replacement.

Anyone experience with how often Google changes their CSS class name?

Anyone experience a suggestion on how to uniquely identify the Google domain logo within the page source (as an alternative for the CSS class name approach).

[KAM]

If you are playing with the DOM for gmail, you will find it requires a decent amount of maintenance.  There is a firm that created a product, find the same problem, and ended up creating a solution for this called InboxSDK: https://www.inboxsdk.com/  HTH, KAM

[richardvandelft]

The domain logo is on every Google Workspace service. Gmail, Drive, Sites, Groups, etc. Hence the Gmail SDK is not sufficient

[KAM]

I would recommend you talk to InboxSDK and see if they have solutions to modify the DOM outside of just gmail.  They may have recommendations too because a chrome extension is the right answer to solve this issue for the internal use.  But as InboxSDK says, Google makes a change and you have to react.  They work to make that easier.

At Virtru, the most amazing encryption tool*, I've lived this pain for years as we have products in Drive and Gmail and have to modify the DOM, maintain the extension, and deal with UX changes all the time.

-KAM

*I am biased and a formal advisor there but it's amazing tech.

[thiago_desa]

@richardvandelft why don't you rely on the url of the logo to modify it per domain? The logo url shouldn't change and your extension will work correctly. You can inject something like the snippet below on the page and it will work:

var images = document.getElementsByTagName('img');
    for(var i = 0; i < images.length; i++) {
        if(images[i].src=== 'https://www.google.com/u/0/ac/images/logo.gif?uid=<your-gsuite-uid>&service=google_gsuite') {
            images[i].src='https://the.specific.logo.you.want.svg';
        }
    }