Я пытаюсь создать несколько полей поиска на одной странице с помощью Google Custom Search (GCS), например:

<script>
  (function() {
    var cx = 'user_id:field_id1';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>

<gcse:search></gcse:search>

<script>
  (function() {
    var cx = 'user_id:field_id2';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>

<gcse:search></gcse:search>

К сожалению, это не работает. Поиск сделан с тем жеcx для каждого поля. Когда это сделать запрос ajax на этот адрес:https://www.googleapis.com/customsearch/v1element... есть это значение:&cx=user_id:field_id1 и значение одинаково для обоих полей.

Каково решение?

Я уже видел этот вопрос:Несколько блоков Google CSE (система пользовательского поиска) на одной странице, но, похоже, на другой версии.