質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

2回答

1525閲覧

javascript canonical 挿入

itu1920

総合スコア12

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2022/04/26 02:48

前提

javascript初心者です。
以前はcanonicalを書き換えての対応を質問いたしましたが、
新たに挿入する場合いどうしても上手くいきません。

実現したいこと

<link rel="canonical" href="http://example.com/">をGTM、カスタムjavascriptで挿入

発生している問題・エラーメッセージ

宣言した変数が文字として反映される

該当のソースコード

javascript

1var result = location.href.split('&'); 2 3var url =( 4 result[result.length - 4] 5); 6 7var head = document.getElementsByTagName('head'); 8head[0].insertAdjacentHTML('beforeend' , '<link rel="canonical" href=${url}>'); 9

試したこと

chromeのコンソールで確認しておりますが、href=${url}ここが上手く、
var urlで宣言した内容ができません。

初歩的な質問で申し訳ございません。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

itu1920

2022/04/26 04:11

ご回答ありがとうございます。 テンプレートリテラルですとGTMで以下のようなエラーが出ます! This language feature is only supported for ECMASCRIPT_2015 mode or better: template literal. 他の代入の仕方あればご教示いただけますでしょうか?
CaptainRTA

2022/04/26 10:06

テンプレートリテラルを使わない場合は +演算子でくっつけます '文字列' + url + '文字列'
guest

回答2

0

引用符が違うと思います。

バックティック (```) で区切られたリテラル
テンプレートリテラル (テンプレート文字列) - JavaScript | MDN

投稿2022/04/26 03:08

Lhankor_Mhy

総合スコア35860

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

${url} この書き方をするときは文字列を `` で囲います。
テンプレートリテラルといいます。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Template_literals

投稿2022/04/26 03:06

CaptainRTA

総合スコア136

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問