gasでfaviconの設定

gasでスマホ用のwebサイトを構築したのですが、googledriveに保存したicoファイルをhtmlに組み込んでも表示されません。

何か方法があるのであれば教えて頂きたいです。
よろしくお願いします。

HTMLは以下のように書いています。

shinobu_osaka

2018/06/12 17:50

HTMLに組み込んだソースの提示を、無論URLも消さないで（一部伏せるのはOK）。

行動規範の内容に同意します

回答1件

ベストアンサー

faviconには拡張子情報が必要ですがこのURLだとそれがないのでダメです、
たしか別の形の参照URLがあったような気もするんですが…、
とりあえず

URL
1https://drive.google.com/uc?id={ファイルID}&.png
2```"
3
4で回避できるかと思いますのでお試し下さい。
5
6さらに追加…
7
8よく考えたら普通のHTMLじゃなくてGASからの出力ですよね？
9ならコード内で
10```GAS
11    .setFaviconUrl('https://drive.google.com/uc?id={ファイルID}&.png');

こうするのが正しいかと思います。

setFaviconUrlについてはこちらを参照ください。

投稿2018/06/15 12:02

編集2018/06/15 12:09

shinobu_osaka

総合スコア456

退会済みユーザー

2018/06/15 12:33

ありがとうございます。 PCのブラウザ上で変更を確認することができました。けれど、再現したかったことはiphoneのアイコン（apple-touch-icon）を設定したかったのですが、参照を確認させてもらったのですが、「shortcut icon」のい設定しかできないようですね。ありがとうございます。

shinobu_osaka

2018/06/15 17:56

ああ、すみません、そうなんですね、では apple-touch-icon のタグはご質問中に記載されたもので、中のURLのみを > https://drive.google.com/uc?id={ファイルID}&.png このフォーマットにしても動きませんか？多分動くと思います。 android用に favicon は192×192 で作成し設定 apple-touch-icon は 152×152 で作成し設定と、両方設定しておいたほうが良いでしょう。いっその事 href="data:image/x-icon;base64,AAABA… といった感じでBase64エンコードしてソースに埋め込むという荒業もありますｗ

行動規範の内容に同意します