Salesforce - Open Web Default

Overview

imageimage

Email Studio를 만나보세요. 세계 최고의 이메일 마케팅 플랫폼으로 고객에게 다가가십시오. 기본 마케팅 캠페인에서 정교한 일대일 메시지에 이르기까지 더 스마트한 이메일을 구축하십시오.

1. Universal Email 필수 선행 조건 완료

📘

개발자가 필요할 수 있습니다.

다음 Universal Email 솔루션 필수 선행 조건은 개발자가 필요할 수 있는 URI 스키마 및 기타 컴포넌트를 제공하는 것을 포함합니다.

🚧

개발자 필요

다음 Universal Email 솔루션 필수 선행 조건에는 앱 코드 변경이 포함됩니다.

2. Salesforce 설정하기

🚧

Salesforce 계정에서 웹 전용 기본 태그 활성화

Salesforce 계정 MID를 제공하여 Salesforce 및 Branch 어카운트 관리자를 통해 Salesforce BU에 대한 웹 전용 기본 태그 지정을 활성화하십시오. 활성화 시 해당 MID에서 보낸 모든 이메일은 /u 경로를 이용하여 클릭 트래킹 도메인이 있는 모든 링크를 클릭 래핑하며 그에 따라 iOS에서 앱이 열리지 않게 됩니다. (활성화하기 전에 이미 보낸 이메일은 경로에 /u가 없기 때문에 앱이 열립니다).

Journey Builder / Triggered Sends를 실행하는 경우 다음 중 하나를 수행하여 웹 전용 태그 지정이 해당 이메일에 적용되도록 해야 합니다.

  • Email Studio Triggered Send 대시보드를 통해 여정 트리거 전송을 다시 게시합니다.
  • Journey Builder에서 이메일 활동을 업데이트합니다.
  • 새로운 Journey 버전을 생성합니다.

Salesforce Click Tracking Domain을 확보하십시오.

클릭 추천 도메인이 안전하지 않은 경우 (예. 보안 도메인이 https://로 시작됨), Salesforce Account Manager로부터 SSL SKU를 구매해야 합니다.

참고: Salesforce에서 SSL 인증서 요청을 처리하는 데 4-6주가 소요될 수 있습니다.

Salesforce Marketing Cloud에서 AASA 파일 설정

유니버셜 링크(Universal Links)를 올바르게 처리하도록 Salesforce 계정을 설정해야 합니다. Email Studio에서 Send Management 섹션 하단의 딥링킹(Deep Linking)에서 설정합니다. 올바른 클릭 트래킹 도메인에 해당하는 계정에서 진행 중인지 확인하세요.

imageimage

  1. AppID 값을 입력하십시오.
  2. Check the "Exclude Profile" and "Unsub Center" checkboxes to force links to these items to open in the browser and not the app, if desired.
  3. Click "Save" to save the configuration.
  4. Salesforce 및 Branch에 이 단계를 완료했음을 알리면 기술 계정 관리자가 모든 것이 정상인지 확인합니다.

imageimage

3. 연동 활성화

연동 활성화 방법:

  1. 왼쪽 탐색 메뉴에서 Email을 클릭합니다.
  2. 이메일 개요 페이지에서 상단의 Manager 탭을 클릭합니다.
  3. ESP를 찾아 Enable을 클릭합니다.

📘

Branch는 위의 설명과 같이 Branch 계정의 초기 설정 중 이미 제공했던 글로벌 링크 설정을 자동으로 감지합니다.

If you have not set up your global link settings and redirect preferences, you will be prompted to do so at this time.

4. 클릭 트래킹 도메인 제공

클릭 트래킹 도메인을 사용하면 이메일 열기 및 링크 클릭에 대한 인게이지먼트를 측정할 수 있습니다.

클릭 트래킹 도메인 (CTD)이 무엇인지 잘 모를 경우 최근에 전송된 이메일을 살펴보세요. 링크 위로 마우스를 가져가거나 링크 주소를 마우스 오른쪽 버튼으로 클릭/복사하면 이메일의 링크 도메인이 HTML의 URL과 일치하지 않는 것을 확인할 수 있습니다. 해당 도메인은 클릭 리포트를 제공하기 위해 ESP에서 사용하는 클릭 트래킹 도메인입니다.

Salesforce v1 Open Web Default 연동을 사용하려면 다음을 제공해야합니다.

  • 클릭 트래킹 도메인 -이메일의 링크를 위해 Salesforce에서 사용하는 도메인

🚧

Branch 대시보드에 클릭 트래킹 도메인을 추가할 때 http:// 또는 https://를 제거하십시오.

주의 사항

  • 필요 시 여러 CTD와 연동을 활성화할 수 있지만 동일한 CTD를 여러 Branch 대시보드나 ESP 연동에 추가할 수 없습니다.

👍

NEXT를 클릭하고 Validate & Test 섹션을 진행하기 전에 다음 섹션을 마쳐 연동 검증을 통과해야 합니다.

5. 연동 검증

SSL 인증서와 AASA 파일(iOS 만 해당)이 생성되면 유효성 검증 테스트를 검토하고 문제를 해결한 다음 연동을 테스트할 수 있습니다.

Branch는 다음을 자동으로 검증합니다.

  • iOS SDK가 연동되어 있습니다 (필수)
  • 안드로이드 SDK가 연동되어 있습니다 (필수)
  • 딥링킹(Deep Linking)이 설정되어 있습니다 (필수)
  • 클릭 트래킹 도메인이 설정되어 있습니다 (필수)
  • AASA 파일이 유효합니다 (필수)
  • SSL이 올바르게 설정되었습니다 (필수)
  • CNAME은 thirdparty.bnc.lt을 가리킵니다 (케이스 별 요구 사항)
  • 유니버설 링킹(Universal Linking)이 설정되었습니다 (필수)
  • 호스팅 된 딥링크(Deep Link) 데이터 (선택 사항)
  • 트래킹 되는 앱 이벤트 (선택 사항)
  • Android 앱 링크 (선택 사항)

🚧

일반적인 유효성 검증 문제

CNAME이 Branch를 나타내지 않습니다

이 연동에서는 CNAME이 Salesforce를 가리켜야 하므로 항상 이 오류가 발생합니다. 무시하시면 됩니다.


SSL이 올바르게 설정되지 않음

SSL 인증서 유효성 검증에 문제가 있는 경우 그 원인은 보통 클릭 트래킹 도메인에 이미 SSL이 설정되어 있고 써드파티가 유저를 대신하여 인증서 서명 요청을 제출하지 못하도록 하는 제한 사항이 있기 때문입니다.

AASA 파일이 유효하지 않습니다.

해당 오류는 SSL이 올바로 설정되었는지 여부에 달려있기 때문에 가장 쉽게 문제 해결이 가능합니다. SSL 오류를 해결하면 AASA 파일 오류도 동시에 해결됩니다.

6. 연동 테스트

유효성 검증 프로세스가 완료되면 테스트 링크를 생성하여 연동을 테스트할 수 있습니다. Branch에서 생성한 테스트 링크는 고유하며, Branch 링크로 자동 전환되어 ESP에서 이메일 템플릿을 생성하지 않고도 테스트할 수 있습니다. 실제로 이러한 전환 과정은 유저가 일반 이메일 템플릿 링크를 클릭한 순간 뒷단에서 동작합니다.

테스트 링크 생성 방법:

  1. Validate & Test 섹션에서 웹사이트의 URL을 입력합니다.
  2. Get Test Link를 클릭합니다.
  3. 테스트 링크가 생성되면 다음을 통해 공유할 수 있습니다.
  4. 클립보드로 복사
  5. 문자 메시지
  6. E-mail

테스트 링크를 생성한 후 모바일 디바이스에서 링크를 클릭하십시오. 모바일 디바이스에 이미 앱이 설치되어 있어야 합니다!

7. 이메일에 대한 Branch 링크 생성

🚧

Domain Usage

Only use the app.link subdomain assigned to your app as the branch_base_url. Do not use custom subdomains or root domains.

1. Salesforce AMPscript를 사용하여 링크 변환하기

Salesforce의 AMPscript를 사용하여 이메일 템플릿의 웹 링크를 Branch 링크로 전환하는 Salesforce에 새로운 Content Area를 추가할 것입니다.

  1. Branch 계정 관리자와 함께 다음 Salesforce AMPscript 스니펫을 수정하여 DOMAIN-HERE을 Branch 기본 도메인 (예: example.app.link)으로 바꿉니다:

    %%[ VAR @deeplink, @branch_base_url SET @branch_base_url = "https://DOMAIN-HERE/3p?%243p=e_et" SET @deeplink = CONCAT(@branch_base_url, CONCAT("&%24original_url=", URLEncode(@link_to_be_wrapped, 1, 1))) ]%%
    
  2. After logging into Salesforce Marketing Cloud, click on Email Studio and then a sub-menu will appear. Click on Email in the dropdown menu:

  1. This will take you to the landing page for the Email section. Click on Content in the menu bar to navigate to the Content section:
  1. 콘텐츠 섹션에서 왼쪽에 폴더 목록이 표시됩니다. My Contents 폴더를 마우스 오른쪽 버튼으로 클릭하고 콘텐츠 빌더 메뉴에서 Create Folder를선택합니다.
  1. 폴더 이름을 Branch로 지정합니다.
  1. 폴더가 생성되면 오른쪽 상단에서 Create 버튼을 클릭한 뒤 Content Blocks를 클릭하고 마지막으로 Free Form을 클릭합니다.
  1. Free Form 화면에서 이전에 생성한 스니펫을 붙여 넣으십시오.
  1. Save를 클릭합니다.

  2. Create Free Form 창이 나타나면 Content Name이라는 텍스트 필드에 deeplink를 입력합니다. 텍스트를 입력한 후 Save를 클릭합니다.

  1. 이제 파일 deeplink가 나열된 Contents 섹션의 폴더 목록으로 돌아갑니다:

이제 딥링킹(Deep Linking) AMPscript를 성공적으로 만들었습니다.

📘

코드 스니펫

아래 스니펫은 이 형식을 따릅니다. 아래 코드에는 @branch_base_url에 대한 플레이스홀더가 있습니다. 여러분의 것으로 교체하십시오.

%%[ VAR @deeplink, @branch_base_url SET @branch_base_url = "BASE URL FROM BRANCH" SET @deeplink = CONCAT(@branch_base_url, CONCAT("&%24original_url=", URLEncode(@link_to_be_wrapped, 1, 1))) ]%%

Salesforce 이메일 템플릿 설정

이 섹션에서는 기존 이메일 템플릿의 개별 링크를 딥링크(Deep Link)로 전환하는 방법에 대해 설명합니다. 딥링크(Deep Link)로 전환하려는 이메일 템플릿의 모든 링크에 대해 이 작업을 수행해야 합니다.

예를 들어 아래 링크를 Branch 링크로 변환하기로 결정한 경우:

<a href="https://branch.io/product/1234/"> I want it! </a>

This is what the link will look like in the email template, after you added the AMPscript to convert it into a Branch link:

%%[ SET @link_to_be_wrapped = "https://branch.io/product/1234/" ContentAreaByName("My Contents\branch\deeplink") ]%%
<a href="%%=RedirectTo(@deeplink)=%%">Example link</a>

AMPscript를 사용하여 링크를 Branch 링크로 전환하는 프로세스는 다음과 같습니다 (이 플로우는 링크를 별도의 문서로 전환한 다음 최종 템플릿에 다시 붙여 넣습니다):

  1. Salesforce Marketing Cloud에 로그인

  2. Click on Email Studio and then a sub-menu will appear. Click on Email in the dropdown menu:

    imageimage

  3. This will take you to the landing page for the Email section. Click on Content in the menu bar to navigate to the Content section:

    imageimage

  4. 이메일이 포함된 폴더로 이동하여 기존 이메일을 엽니다. 이메일이 아래와 같이 HTML 레이아웃인지 확인하십시오.

    imageimage

  5. Branch 딥링크 (Deep Link)로 변환할 링크를 선택하세요. 이메일 템플릿에서 href= 바로 뒤의 텍스트를 복사하여 별도의 문서에 붙여 넣습니다. 예에서는 다음과 같습니다.

    "https://branch.io/product/1234/"

  6. 별도의 문서에서 링크 앞에 %%[ SET @link_to_be_wrapped = 를 추가하십시오. 이 예시에서는 다음과 같습니다:

    %%[ SET @link_to_be_wrapped = "https://branch.io/product/1234/"

  7. 링크 뒤에 ContentAreaByName("My Contents\branch\deeplink"")]%% 을 추가합니다.

    %%[ SET @link_to_be_wrapped = "https://branch.io/product/1234/"ContentAreaByName("My Contents\branch\deeplink"")]%%

  8. 템플리트의 원래 링크에서 <a 을 포함하여 href= 까지 텍스트를 복사하십시오. 마지막 단계에서 이를 %% 뒤의 텍스트에 추가하십시오. href=가 아닌 <a 을 포함하십시오.

    %%[ SET @link_to_be_wrapped = "https://branch.io/product/1234/" ContentAreaByName("My Contents\branch\deeplink"") ]%%<a style="_any css can be added here_"

  9. 끝에 href="%%=RedirectTo(@deeplink)=%%" 을 추가합니다.

    %%[ SET @link_to_be_wrapped = "https://branch.io/product/1234/" ContentAreaByName("My Contents\branch\deeplink"") ]%% <a style="_any css can be added here_"href="%%=RedirectTo(@deeplink)=%%"

  10. 템플릿의 원래 링크에서 태그의 끝, 링크 텍스트 및 클로징 태그 (예제에서는 >I want it!</a>) 를 복사하여 끝에 추가합니다.

    %%[ SET @link_to_be_wrapped = "https://branch.io/product/1234/" ContentAreaByName("My Contents\branch\deeplink"") ]%% <a style="_any css can be added here_" href="%%=RedirectTo(@deeplink)=%%">I want it!</a>

  11. 별도의 문서에서 최종 결과를 이메일 템플릿으로 다시 복사하여 템플릿의 <a></a> 태그를 포함하여 내부의 모든 것을 바꿉니다.

  12. Branch 딥링크 (Deep Link)로 전환하려는 이메일 템플릿의 모든 링크에 대해 이 작업을 반복합니다.

📘

링크 전환 요약

Wherever you use <a> tags in your email templates, replace those with AMPscript to convert the web URLs into Branch links. The AMPscript references the Content Area setup earlier.

%%[SET @link_to_be_wrapped = "ADD YOUR LINK HERE" ContentAreaByName("My Contents\branch\deeplink"")]%%
<a href="%%=RedirectTo(@deeplink)=%%">Click Me</a>

예를 들면
변경 전:
<a href="https://branch.io/product/1234">Example link</a>
변경 후:
%%[ SET @link_to_be_wrapped = "https://branch.io/product/1234" ContentAreaByName("My Contents\branch\deeplink") ]%%
<a href="%%=RedirectTo(@deeplink)=%%">Example link</a>

이메일 템플릿에서 링크를 Branch 링크로 전환한 후에는 앱이 iOS에서 열리도록 Salesforce의 링크 어트리뷰트 mc-deep-link="true"를 링크 태그에 추가해야 합니다.

<a mc-deep-link="true" href="https://my.app.link/3p?$3p=e_et&$original_url=..." > Open App </a>

🚧

컨텐츠 영역 폴더

Make sure your deeplink Content Area is in the right folder. Either change the folder to "My Contents" or change the path used by "ContentAreaByName" in the Branch script.

2. Branch Quick Link 사용

이메일에서 사용하는 링크의 딥링크(Deep Link) 데이터에 "$3p":"e_et"을 추가하여 Universal Link 및 클릭 트래킹이 예상대로 작동하는지 확인하십시오. 그런 다음 특정 딥링크(Deep Link) 용례에 필요한 다른 딥링크(Deep Link) 키를 추가하십시오.

이메일 템플릿에 Branch 링크를 삽입한 뒤 Salesforce 링크 어트리뷰션 mc-deep-link="true"을 링크 태그에 추가하여 앱이 iOS에서 오픈되도록 해야 합니다.

<a mc-deep-link="true" href="https://my.app.link/3p?$3p=e_et&$original_url=..." > Open App </a>

고급

[선택 사항] Branch 링크를 사용하여 웹 링크 트래킹 하기

해당 연동으로 Branch를 그대로 이용할 경우 Salesforce을 통한 방법처럼 웹 링크를 트래킹 할 수 없습니다. 웹 링크를 트래킹 해야 하는 경우 해결 방법이 몇 가지 있습니다. 해당 Branch 링크는 앱이 아닌 웹을 엽니다.

Branch 웹 트래킹 링크 만드는 방법:

방법 1: 수정된 Branch Quick Link
  1. In the Branch Dashboard, create a Quick Link.
  2. 트래킹을 위해 캠페인 태그를 추가합니다.
  3. Deep Linking 탭에서 링크 데이터에 has_app = false$web_only = true를 추가합니다.
  1. Redirects 탭에서 폴백에 대한 웹 리다이렉션을 설정합니다. 안드로이드, iOS 및 데스크톱용 웹 URL을 선택하고 리다이렉션 할 URL을 추가합니다.

  2. After the link is created, add _webonly to the app.link domain.
    * Ex: If the link created is https://branchster.app.link/weblinktest, convert it to https://branchster_webonly.app.link/weblinktest.

방법 2: Branch 긴 링크
  • app.link 도메인으로 시작하여 여기에 _webonly을 추가합니다.

  • has_app = false$web_only = true를 쿼리 파라미터로 추가합니다.

  • 링크에 ~ campaign 태그를 추가합니다.

  • Add the URI encoded web redirect link as $fallback_url.
    * Ex: (https://branchster_webonly.app.link/?has_app=false&$web_only=true&~campaign=email-test-cam&$fallback_url=https%3A%2F%2Fwww.myweblink.com%2F)[https://branchster_webonly.app.link/?has_app=false&$web_only=true&~campaign=email-test-cam&$fallback_url=https%3A%2F%2Fwww.myweblink.com%2F]

  • Branch 대시보드의 분석

    이메일 캠페인 실적을 확인하고 캠페인을 구분하려면 해당 링크를 ~campaign 으로 태그 지정하는 것이 중요합니다. 이로써 숫자를 중복 제거하여 다운스트림 이벤트를 볼 수 있습니다. 모든 대시보드 보기에서 비교 및 필터에 캠페인 태그를 추가할 수 있습니다.