web-dev-qa-db-ja.com

Javascriptフォームを直接ページに埋め込むにはどうすればよいですか？

Jupiterテーマ がインストールされた新しいWPインストールがあります。私はSharpspring、WPと完璧に連携することを目的としたCRMで作成された連絡フォームを持っています。私はJSの専門家ではないので、フォームを実際に埋め込む方法を理解することはできません。

Sharpspringからトラッキングコードが提供されています。これはヘッダーファイルに含まれています。

<script type="text/javascript">
    var _ss = _ss || [];
    _ss.Push(['_setDomain', 'domain.com']);
    _ss.Push(['_setAccount', 'TrackingIDHere']);
    _ss.Push(['_trackPageView']);
    (function() {
        var ss = document.createElement('script');
        ss.type = 'text/javascript'; ss.async = true;
        ss.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'marketingservices.com/client/ss.js?ver=1.1.1';
        var scr = document.getElementsByTagName('script')[0];
        scr.parentNode.insertBefore(ss, scr);
    })();
</script>

それから、私はいくつかの異なるフォームのためのコードを埋め込む、このようになります：

<!-- SharpSpring Form for General Contact Form  -->
<script type="text/javascript">
    var ss_form = {'account': 'AccountID', 'formID': 'FormID'};
    ss_form.width = '100%';
    ss_form.height = '1000';
    ss_form.domain = 'domain.services';
    // ss_form.hidden = {'Company': 'Anon'}; // Modify this for sending hidden variables, or overriding values
</script>
<script type="text/javascript" src="https://marketing.services/client/form.js?ver=1.1.1"></script>

このようなコードを直接ページに埋め込んで、関連するフォームを表示したり、送信した情報をShappspringに直接入力したりすることができます。

javascriptformscontactintegration
1
abernst

これは、JavascriptをPagesに追加するためのステップバイステップガイドです。

ステップ1：WordPressにログイン

ステップ2：スクリプトを追加したいページに移動します。

ステップ3a：何らかの種類のページビルダーがある場合は、 "基本的なエディタ"ボタンかそれに類似したものをクリックする必要があるでしょう。

Props to WPMU Dev! ( https://premium.wpmudev.org/blog/wp-content/uploads/2010/10/editor.png )

ステップ3b：デフォルトの基本的なエディタが表示されたら、エディタの右上近くにある[HTML]（旧バージョンの場合）または[テキスト]タブをクリックします。その隣に「ビジュアル」が表示されます。

ステップ4：必要な場所にコードを貼り付けます。ビジュアルに戻るとフォームは表示されませんが、実行されるのを黙って待機しています。

ステップ5：[更新]ボタンをクリックして、フォームが正しく表示されることを確認します。

2
Howdy_McGee

手っ取り早い方法（ただし、ページごとの編集よりも汚れが少ない）は、次のような短いコードです。

function my_sharpspring() {
$str = <<<EOD
<!-- SharpSpring Form for General Contact Form  -->
<script type="text/javascript">
var ss_form = {'account': 'MzQ3NTM0MwQA', 'formID': 'S0syMjA2SjLTTUsyMNE1STU10rVMNUvRNUk0NjCwMDS0SDM2AAA'};
ss_form.width = '100%';
ss_form.height = '1000';
ss_form.domain = 'app-RLHZMLM6.marketingautomation.services';
// ss_form.hidden = {'Company': 'Anon'}; // Modify this for sending hidden variables, or overriding values
</script>
<script type="text/javascript" src="https://koi-RLHZMLM6.marketingautomation.services/client/form.js?ver=1.1.1"></script>
EOD;
  return $str;
}
add_shortcode('sharpspr','my_sharpspring');
2
s_ha_dum