javascript - スクリプトが実行されているページを判別する方法

Question

アプリがインストールされたら、（shopify APIを介して）スクリプトタグを作成します。このスクリプトを製品ビューページで実行することにのみ興味があります。スクリプトが製品ビューページによって実行されているかどうかを確認するための信頼できる方法は何ですか？マーチャントに液体ファイルに手動で何かを入れるように依頼する必要がありますか？

Answer 1

これは、JavaScript で機能するはずです。

// If we are on a product page
if (window.location.pathname.indexOf('/products/') !== -1) {
 // What's the product handle?
 var productHandle = pathname.match(/\/products\/([a-z0-9\-]+)/)[1];
}

Answer 2

関数がどこから呼び出されたかを指定する追加の関数パラメーターを渡すことができます。私はこの種のプログラミングをいくつかのプロジェクトで使用して大成功を収めました。例えば：

function foo(data, moarData, caller) {
  if(caller != 'productPage') { return false; }
  ...
}

また、製品ビューページの関数呼び出しから呼び出し元変数を指定できます。

var page = 'productPage';
foo('sharks', 'games', this.page);

Answer 3

Shopify の製品ページには常に、製品をカートに追加するフォームがあるため、次のようなことができます (jQuery が利用可能であると仮定します)。

jQuery("form[action='/cart/add']").each(function() {
  console.log("I'm in ur product page");
});

Answer 4

ブラウザで現在の URL を照会する汎用 Javascript を記述します。ページ、製品、またはコレクションのどれにいるのかは簡単にわかります。これを行うには、単純な RegExp を試してください。Shopify がホストされているため、ショップが URL 構造を台無しにするのは非常に困難です。