레일스에서 ​​Hubspot Forms API 및/또는 임베디드 코드를 변경하여 안정적인 API를 작성하는 방법은 무엇입니까?

Question

그래서 나는 클라이언트 데이터베이스에서 일하고 있으며 그들은 폼의 Hubspot으로 전환했습니다. 대부분의 경우 페이지 끝 부분에 양식 코드를 삽입해도 문제가 없습니다. 그러나이 특정 페이지에서는 사용자가 이미지를 클릭하고 양식에 정보를 입력하고 데이터를 수집 한 다음 이미지를 선택한 항목으로 보낼 수 있습니다.

Hubspot은 양식의 데이터 수집을 담당합니다. 문제는 사용자가 클릭하는 이미지를 양식과 연결하는 것입니다. 다음은 Hubspot에서 임베디드 코드가 어떻게 생겼는지 간단히 요약 한 것입니다. 선택 용 이미지를 위해 나는이 이미지를 나타 내기 위해 아래 사용하고

<!--[if lte IE 8]> 
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script> 
<![endif]--> 
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> 

<script> 
    hbspt.forms.create({ 
    portalId: 'numbers', 
    formId: 'form numbers and letters', 
    sfdcCampaignId: 'campaign letters and numbers' 
    }); 
</script> 

클릭되었습니다

그래서 내 질문에 내가 할 수있는 경우 삽입으로, 입력 난을 어떻게입니다

<script> 
    var $link = $('.img-container1'); 

    $('.img-group').on("click", '.img-container1', function() { 
    $link.removeClass('active'); 
    $(this).addClass('active'); 
    }); 
</script> 

코드가 표시된 항목을 누르는 코드? 할 수 없다면 레일즈를 사용하여 Hubspot을 치기 위해 API를 구축하는 방법을 알고 싶습니까? 나는 정직하게 그렇게 해본 적이 없기 때문에 어떤 도움을 주시면 감사하겠습니다.

Answer 1

이것은 실제로 JavScript를 사용하는 임베디드 코드를 통해 해결할 수 있습니다.

hbspt.forms.create({ 
portalId: numbers, 
formId: numbers and letters, 
sfdcCampaignId: numbers and letters, 
target: '#hubspot-form-target'}); 

은 그 다음의 onclick에 적용 : 사용하여 내장 된 형태로 변경된

$('input[name="image"]').val(this.getAttribute('image-var')).change(); 

을 희망이 길을 따라 다른 사람을 도움이됩니다.