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

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

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

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

JavaScript

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

Q&A

解決済

2回答

2876閲覧

ワードプレスへのスクリプト埋め込みができない。

suume

総合スコア16

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

JavaScript

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

0グッド

0クリップ

投稿2019/06/01 01:56

編集2019/06/04 07:39

前提

ワードプレスにスクリプトの記述をしましたが
表示されません。
当方プログラミングの知識がないため、
「そのエラーならプラグインを使って記述すれば解消する」
というような回答や簡単に解決できる方法をお願いいたします。

実現したいこと

・特定の固定ページの任意の場所にMAツール業者独自のお問合せフォームの設置。

### スクリプトコード(個人識別番号は伏せております。)

<script id="_●●"> var _●● = document.createElement('script'); _●●.charset = 'utf-8'; _●●.src = 'https://contents.●●.js'; document.getElementsByTagName('head')[0].appendChild(_●●); </script>
エラーメッセージ Uncaught TypeError: Cannot read property 'parentNode' of null

上記Chromeのデベロッパーツール上のエラーです。

試したこと

プラグイン「Scripts n Styles」を使用しましたができませんでした。

はじめてこちらのサイトで質問させていただきますので、
既存の回答がある、情報が足りないということでしたら
その点もお知らせいただけると助かります。

現在ワードプレスのカスタムフィールドを使用してできないものか
探っております。

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

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

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

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

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

Lhankor_Mhy

2019/06/03 03:40

コードのご提示をお願いします。
rmrmnrm

2019/06/03 07:58

ご自身で追加したスクリプトの記述を追加してください。
退会済みユーザー

退会済みユーザー

2019/06/03 09:09

試した「スクリプト埋め込み」関連のプラグインを質問文に追記してください。
suume

2019/06/04 06:08

お三方、ご連絡ありがとうございます。 お声かけいただくだけでもありがたいです。 スクリプトコードとプラグイン名を追記しましたのでご確認尾ください。
guest

回答2

0

↓のように変更するのはどうでしょうか?

js

1document.addEventListener("DOMContentLoaded", function(event) { 2 var _●● = document.createElement('script'); 3 _●●.charset = 'utf-8'; 4 _●●.src = 'https://contents.●●.js'; 5 document.getElementsByTagName('head')[0].appendChild(_●●); 6})

投稿2019/06/04 06:11

Lhankor_Mhy

総合スコア35871

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

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

suume

2019/06/04 06:59

Lhankor_Mhyさん ご回答ありがとうございます。 初心者で申し訳ないのですが、そのコードをワードプレスの固定ページにそのまま貼り付けるかたちでよいでしょうか。 以下、作業内容です。 ・そのまま貼り付け⇒pタグ、brタグが入る。コード文字列表示 ・改行を消して貼り付け⇒コード文字列表示 ・前後<script id="_●●"></script>追記(上記同作業) ⇒非表示 もし方法自体が間違っているようでしたらお手数ですがお知らせください。
Lhankor_Mhy

2019/06/04 07:08 編集

え、固定ページに貼り付けていたのですか? プラグインとか使っているのではないのですか? それでしたら、全ての固定ページにscript要素に入れて貼り付けるしかないですね。
Lhankor_Mhy

2019/06/04 07:10

あ、もしかして、特定の固定ページにだけ使うスクリプトなんでしょうか。 それでしたら、そのページだけに貼り付けるので大丈夫です。
suume

2019/06/04 07:21

Lhankor_Mhyさん ご回答ありがとうございます。 言葉足らずで申し訳ございません。 特定の固定ページ、任意の場所に記載しました。 (貼り付けの際、プラグインやカスタムフィールドを使用していません。) 結果は先ほどの作業内容と同じでした。
Lhankor_Mhy

2019/06/04 07:22

「非表示」で合っていますよ。script要素の中身は表示されません。
suume

2019/06/04 07:41

ご回答ありがとうございます。 大変申し訳ございません。 「実現したいこと」として追記させていただきましたが、 スクリプトは外部サービスのお問い合わせフォームなので、 入力フォームなどを表示させたいです。 重ね重ね言葉足らずで申し訳ございません。
CHERRY

2019/06/04 07:54 編集

(横からですが..) WordPress のバージョンは、いくつでしょうか? また、WordPress のエディタは、何を使われていますか?
Lhankor_Mhy

2019/06/04 08:03

疎くてすみません。 その「MAツール業者独自のお問合せフォーム」というのは、みなさんこの質問を見れば「ああ、あれのことね!」と皆さん頭に浮かぶものなのでしょうか? どのツールのことなのかわからないので、教えていただけますか?
suume

2019/06/04 08:11

CHERRYさん ご連絡ありがとうございます。 バージョンはWordPress 5.2.1 (Cocoon Child テーマ) エディタはGutenberg内のコードエディタを使用しています。
suume

2019/06/04 08:13

Lhankor_Mhyさん BowNowというサービスです。 他のMAツールより安価でも必要な機能は備わっているため、中小企業のお客様も導入しやすいと思います。どうにか使いたいのですが… https://bow-now.jp/
Lhankor_Mhy

2019/06/04 08:18

コードもドキュメントも設置方法も公開されていなんですね…… これは、この業者さんに設置方法を尋ねたほうが早いと思いますよ。
suume

2019/06/04 08:26

業者さんの方にも確認をとってはいますが、いかんせん無料プランのため、表示されなかった場合の対処法までは厳しいのかな、と思います。
suume

2019/06/04 08:27

設置方法、そうですね。CMS BlueMonkeyであれば良いのですが環境が違うためできませんでした。
Lhankor_Mhy

2019/06/04 08:28

前段の方法はお試しになられましたか?
CHERRY

2019/06/04 08:34 編集

Gutenberg であれば、「カスタム HTML」ブロックを使って、JavaScript を記載してください。
Lhankor_Mhy

2019/06/04 08:34

前段部分の「サイト反映コード」が、おそらくscript要素になっているかと思います。 それが正しいコードで、それを固定ページに貼り付ければよいのではないでしょうか?
suume

2019/06/04 08:36

ありがとうございます。 前段と申しますと先ほどの「document~」の方は行いました。 またBowNowマニュアル内の方法に関してはサイト反映コードを使用して行いましたが表示できませんでした。
Lhankor_Mhy

2019/06/04 08:37

ああ、なるほど。エディタによってscript要素が削除されるとか、そういう話なのか……
suume

2019/06/04 08:46

CHERRYさん ありがとうございます。 カスタムHTMLでコードを貼り付けて「プレビュー」ではお問い合わせフォームが見れました! ただ「公開」してみると非表示状態です。
CHERRY

2019/06/04 09:08

あら?  公開するとだめですか....
suume

2019/06/04 09:10

念のためブラウザのキャッシュを消してから確認しましたが表示されません。
suume

2019/06/04 09:13

もう少しで表示されそうな感じがしているんですが、デベロッパーツールのエラーは当初と同じです。
guest

0

自己解決

ワードプレステーマのCocoonの場合、高速化のための設定として
「JavaScriptをフッターで読み込む」をオフにすることで表示されました。

今回ご参加いただきました皆様には多大なご尽力とご心配をおかけしてしまい
申し訳ございません。

それでも一つ一つが解決までの足掛かりとなりました。
この度は誠にありがとうございました。

投稿2019/06/05 11:18

suume

総合スコア16

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問