스윙투앱 매뉴얼

페이지 기능 - 링크 이용방법

링크마법사: 인터넷 주소, 전화번호, 문자, 이메일주소 적용방법

스윙투앱에서 제공하는 링크 기능에서는  일반 웹사이트 URL과 전화번호, 문자메시지 번호, 메일 주소를 적용할 수 있습니다.

앱제작 – STEP3 페이지 단계에서 – 페이지 기능: 링크를 이용하는 방법을 알려드릴게요.


 

 1.인터넷주소(사이트 URL) 링크 적용하기

앱제작 화면 이동

1)STEP3 페이지 단계로 이동합니다.

2)새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3)메뉴 이름 입력

4)페이지 디자인에서 [링크]를 선택해주세요.

5)[인터넷 주소]를 선택합니다.

6)창열림 선택 : ‘새창으로 열기’를 선택해주세요.

7)웹사이트 주소: URL주소를 입력해주세요. 하이퍼링크 포함해주세요(http://)

8)[URL 적용하기] 버튼을 선택해주세요. 

9)화면 상단 [저장]버튼을 누르면 앱에 적용됩니다. 

*미리보기 버튼을 선택하면 해당 페이지가 어떻게 보여지는지 웹 미리보기(가상머신)으로 확인가능하구요.

*페이지 적용 후에 가상머신을 통해서도 해당 페이지가 어떻게 앱에 적용되는지 확인 가능합니다.

*제작 단계 중 메뉴 아이콘 , 메뉴 설정은 필수 입력 항목이 아닙니다.

해당 매뉴얼에서는 입력 없이 진행했으며, 앱 제작시 필요할 경우 추가로 적용해주세요.

 

[새창으로 열기], [새 앱으로 열기]는 무엇이며 왜 필요한가요?

웹사이트는 사이트마다 보안이 설정되어 있어서 외부에서 웹링크를 불러오지 못하게 설정되어 있는 경우가 있습니다.

퍼가기를 금지해놓은 사이트는 링크를 입력해도 앱에서 연결이 거부되거나, 에러가 발생되기도 합니다.

☞ 이러한 문제를 해결하기 위해 제공되는 옵션 기능이 바로 ‘새 창으로 열기’ 입니다.

앱 안에서 링크를 여는 스타일이 아니라, 앱에 새로운 창을 띄어서 해당 사이트가 문제 없이 열릴 수 있도록 하는 것이죠!!

 

새 앱으로 열기도 동일한데요. 새창으로 보기와 다른 점은 어플이 실행되어 링크가 열리는 구조입니다.

어플로 구동이 되는 링크들이 있죠. 예를 들어 인스타그램, 페이스북, 유튜브, 카카오 등

이렇게 링크 주소는 생성이 되지만 본래 어플을 이용하여 열리는 웹주소는 “새 앱으로 열기”를 선택해주세요

*중요* 유튜브 영상 및 채널 링크를 연결할 때는 반드시 ‘외부앱으로 열기’를 선택해주셔야 합니다. _ 구글 정책 내용

 

따라서 웹링크 이용시 반드시 ‘새창으로 보기(popup)’에 체크해주세요.

보안설정이 안된 웹사이트라도 새창으로 보기로 선택해주셔야 앱에서 보다 안정적으로 이용을 할 수 있습니다. 

▶ 앱 실행화면- 인터넷 주소 적용화면

링크마법사에서 ‘인터넷 주소’를 연결한 뒤 앱을 실행했구요.

웹링크 메뉴 선택시 적용된 웹사이트 페이지로 이동합니다.

 

앱을 실행하여 새창으로보기와 외부앱으로 보기가 어떻게 다른지 확인할게요!

▶ 새창으로 열기

홈페이지 URL을 연결해놓았구요.

메뉴를 선택하면 새 웹 페이지로 이동하여 사이트가 실행됩니다. 인터넷 창이 새로 열리는 개념이구요.

화면 X버튼이나, 뒤로가기(백버튼)를 누르면 다시 앱으로 돌아옵니다.

 

▶ 새 앱으로 열기

유튜브 링크는 ‘외부 앱으로 보기’로 연결했구요.

유튜브 어플이 실행되면서 연결된 영상 링크로 이동합니다.

 


 

 2.전화번호 적용하기

앱제작 화면 이동

1)STEP3 페이지 단계로 이동합니다.

2)새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3)메뉴 이름 입력

4)페이지 디자인에서 [링크]를 선택해주세요.

5)[전화번호 걸기]를 선택합니다.

6)수신자 전화번호를 입력해주세요.

*실제 전화로 연결되는 번호를 입력합니다.

*번호만 입력해주세요 ‘ – ‘ 특순문자는 입력하지 않도록 해주세요!!

7)[URL 적용하기] 버튼을 선택해주세요. 

8)화면 상단 [저장]버튼을 누르면 앱에 적용됩니다. 

*미리보기 버튼을 선택하면 해당 페이지가 어떻게 보여지는지 웹 미리보기(가상머신)으로 확인가능하구요.

*페이지 적용 후에 가상머신을 통해서도 해당 페이지가 어떻게 앱에 적용되는지 확인 가능합니다.

*제작 단계 중 메뉴 아이콘 , 메뉴 설정은 필수 입력 항목이 아닙니다.

해당 매뉴얼에서는 입력 없이 진행했으며, 앱 제작시 필요할 경우 추가로 적용해주세요.

 

▶ 앱 실행화면- 전화번호 적용화면

링크마법사에서 ‘전화번호’를 연결한 뒤 앱을 실행했구요.

전화걸기 메뉴 선택시 적용해놓은 번호로 전화가 연결됩니다.


 

 3.문자메시지 번호 적용하기

앱제작 화면 이동

1)STEP3 페이지 단계로 이동합니다.

2)새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3)메뉴 이름 입력

4)페이지 디자인에서 [링크]를 선택해주세요.

5)[문자메시지 발송]을 선택합니다.

6)SMS 발신 전화번호를 입력합니다.

*실제 문자메시지를 받을 수 있는 번호를 입력합니다.

*번호만 입력해주세요 ‘ – ‘ 특순문자는 입력하지 않도록 해주세요!!

*SMS 내용 입력은 선택사항입니다. 

7)[URL 적용하기] 버튼을 선택해주세요. 

8)화면 상단 [저장]버튼을 누르면 앱에 적용됩니다. 

*미리보기 버튼을 선택하면 해당 페이지가 어떻게 보여지는지 웹 미리보기(가상머신)으로 확인가능하구요.

*페이지 적용 후에 가상머신을 통해서도 해당 페이지가 어떻게 앱에 적용되는지 확인 가능합니다.

*제작 단계 중 메뉴 아이콘 , 메뉴 설정은 필수 입력 항목이 아닙니다.

해당 매뉴얼에서는 입력 없이 진행했으며, 앱 제작시 필요할 경우 추가로 적용해주세요.

 

 

▶ 앱 실행화면- 문자메시지 번호 적용화면

링크마법사에서 ‘문자메시지 번호’를 연결한 뒤 앱을 실행했구요.

문자 보내기 메뉴 선택시 적용된 번호로 문자 메시지를 보낼 수 있습니다.

번호는 실제 문자를 받을 수 있는 핸드폰 번호를 입력해주세요!


 4. 이메일주소 적용하기

앱제작 화면 이동

1)STEP3 페이지 단계로 이동합니다.

2)새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3)메뉴 이름 입력

4)페이지 디자인에서 [링크]를 선택해주세요.

5)[이메일 발송]을 선택합니다.

6)수신자 이메일 주소를 입력합니다.

*제목, 내용은 선택사항입니다. 

7)[URL 적용하기] 버튼을 선택해주세요. 

8)화면 상단 [저장]버튼을 누르면 앱에 적용됩니다. 

*미리보기 버튼을 선택하면 해당 페이지가 어떻게 보여지는지 웹 미리보기(가상머신)으로 확인가능하구요.

*페이지 적용 후에 가상머신을 통해서도 해당 페이지가 어떻게 앱에 적용되는지 확인 가능합니다.

*제작 단계 중 메뉴 아이콘 , 메뉴 설정은 필수 입력 항목이 아닙니다.

해당 매뉴얼에서는 입력 없이 진행했으며, 앱 제작시 필요할 경우 추가로 적용해주세요.

 

 

▶앱 실행화면- 이메일 주소 적용화면

링크마법사에서 ‘이메일 주소’를 연결한 뒤 앱을 실행했구요.

이메일 발송 메뉴 선택시 적용된 이메일로 메일을 보낼 수 있습니다.

*사용자의 폰에서는 해당 폰에서 연결된 메일 어플이 실행되어 메일을 보낼 수 있습니다.

예) 구글 메일이 연동되었을 경우 gmail 어플 실행 후 발송 / 아웃룩 연동시 outlook 메일 실행 후 발송 등

사용자의 폰마다 설정된 메일에서 발송되요.


 

*링크 기능 중요 안내

1.홈화면에는(HOME 메뉴) 링크 기능을 적용할 수 없습니다. 

링크 기능은 메뉴 에만 적용해주세요. 

홈화면은 웹링크  ‘새창으로 보기’가 적용되지 않기 때문에 권장드리지 않습니다.  

새 창에서 열리지 않기 때문에 앞서 안내드린것처럼 보안이 걸려있는 경우 해결할 수 없구요.

결제 등 보안 프로그램이 구동이 될 경우 앱 내에서 정상적으로 이용이 불가합니다.

따라서 홈화면에는 웹링크를 이용하지 않도록 해주세요!

홈화면을 제외한 앱 내 카테고리에서는 새창으로 보기, 외부앱으로 보기를 실행할 수 있습니다.

 

2.그외 웹링크를 적용해도 메뉴에 정상적으로 적용이 안되거나, 사이트 연결이 제대로 안되는 링크가 있습니다.

1)특정 권한만 이용가능한 구글 드라이브에서 제공하는 공유 웹링크

2)특정 회사 내에서만 이용 가능한 웹링크(외부 웹서버 보호막 적용된 링크)

3)그외 외부 퍼가기를 금지한 프라이버시 웹사이트 

이러한 사이트는 앱에 연동하실 경우 에러가 나거나, 표시가 되더라도 제대로 동작이 되지 않습니다.

이용에 참고해주세요.